html中如何去掉瀏覽器的滾動條

<body style="overflow-x: hidden">? ? ? ? ? ? ? ? ? ? ? ? ? ? 表示去掉水平滾動條。

<body style="overflow-y: hidden">? ? ? ? ? ? ? ? ? ? ?表示去掉豎直滾動條。

<body style="overflow-x:hidden;overflow-y:scroll">? ? ? ? ? ?表示隱藏橫向滾動條,顯示縱向滾動條。

<body style="overflow:hidden">或者是<body scroll="no"> 表示全部隱藏

如果是框架頁,利用上面的方法仍不能去除可考慮以下辦法:

<style>html { overflow-x:hidden; }</style>? ? ??如果想隱藏水平滾動條。

<style>html { overflow-y:hidden; }</style>?如果想隱藏垂直滾動條。

body{style="overflow-y : auto;height"}? ? ?body瀏覽器自帶的默認(rèn)值。

這里先說一下滾動條的屬性代碼:

overflow-y : visible | auto | hidden | scroll

visible :  不剪切內(nèi)容也不添加滾動條。

auto :  ? ? ?在需要時剪切內(nèi)容并添加滾動條。

hidden :   不顯示超過對象高度的內(nèi)容,這里不對這個屬性作介紹,大家喜歡的話可以自己嘗試。

scroll :  ? ?總是顯示縱向滾動條。

下面我們說一下關(guān)于滾動條的美化:

SCROLLBAR-FACE-COLOR:? ? ? ? ? ?這是顏色代碼,也可以自定義顏色。

SCROLLBAR-HIGHLIGHT-COLOR:??這是顏色代碼,也可以自定義顏色。

SCROLLBAR-SHADOW-COLOR:? ? ?這是顏色代碼,也可以自定義顏色。

SCROLLBAR-3DLIGHT-COLOR:? ??這是顏色代碼,也可以自定義顏色。

SCROLLBAR-ARROW-COLOR:? ? ??這是顏色代碼,也可以自定義顏色。

SCROLLBAR-TRACK-COLOR:? ? ??這是顏色代碼,也可以自定義顏色。

SCROLLBAR-DARKSHADOW-COLOR: 這是顏色代碼,也可以自定義顏色。

scrollbar-base-color:其實就是上面7個屬性的總合,前面的7個屬性都可以不用設(shè)置了,滾動條會自動幫你設(shè)定

的,只是這個設(shè)定都會基于你設(shè)定的scrollbar-base-color的顏色而自動設(shè)定。

注:設(shè)定了scrollbar-base-color就不要設(shè)定其他七個屬性了,設(shè)定了其他七個屬性就不要設(shè)定scrollbar-base-

color,不然之間可能會有沖突,會有一些效果不起作用的

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容