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; }