html页面禁止滚动条,css如何不让出现滚动条？

css不让出现滚动条的方法

• 1、通过overflow属性设置禁止出现滚动条，此方法滚动条不会出现，内容也无法滚动。
• 2、使用伪对象选择器::-webkit-scrollbar设置隐藏滚动条。

设置禁止出现滚动条

html { overflow-x:hidden; }

或者

body {
	overflow-x:hidden;
	overflow-y:hidden;
}

设置不出现滚动条但可以滚动

自定义滚动条的伪对象选择器::-webkit-scrollbar

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

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

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