html頁面禁止滾動條,css如何不讓出現滾動條？

css不讓出現滾動條的方法：1、通過overflow屬性設定禁止出現滾動條，此方法滾動條不會出現，内容也無法滾動。2、使用僞對象選擇器::-webkit-scrollbar設定隐藏滾動條。

設定禁止出現滾動條：

1、樣式表方法

在裡加入style="overflow-x:hidden"，可隐藏水準滾動條；

加入style="overflow-y:hidden"，可隐藏垂直滾動條。

被包含頁面裡加入

html { overflow-x:hidden; }

2、另一種方法

body {

overflow-x:hidden;

overflow-y:hidden;

}

設定不出現滾動條但可以滾動：

css隐藏滾動條

自定義滾動條的僞對象選擇器::-webkit-scrollbar

chrome 和Safari.element::-webkit-scrollbar { width: 0 !important }

IE 10+.element { -ms-overflow-style: none; }

Firefox.element { overflow: -moz-scrollbars-none; }