html取消滾動條的方法:1、通過“overflow-x: hidden”去掉水平滾動條;2、通過“overflow-y: hidden”去掉豎直滾動條;3、通過“overflow:hidden”取消全部滾動條。
本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦
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瀏覽器自帶的默認值。
這里先說一下滾動條的屬性代碼:
overflow-y : visible | auto | hidden | scroll
visible : 不剪切內容也不添加滾動條。
auto : 在需要時剪切內容并添加滾動條。
hidden : 不顯示超過對象高度的內容,這里不對這個屬性作介紹,大家喜歡的話可以自己嘗試。
scroll : 總是顯示縱向滾動條。
下面我們說一下關于滾動條的美化:
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個屬性都可以不用設置了,滾動條會自動幫你設定
的,只是這個設定都會基于你設定的scrollbar-base-color的顏色而自動設定。
注:設定了scrollbar-base-color就不要設定其他七個屬性了,設定了其他七個屬性就不要設定scrollbar-base-
color,不然之間可能會有沖突,會有一些效果不起作用的
推薦學習:《HTML視頻教程》