web前端css强制隐藏浏览器滚动条方法

有时因为美工设计或一些原因我们底部滚动条可以托运的这样看上去特别不舒服了,下面我们来介绍如何隐藏浏览器滚动条的实现方法:/p>

强制显示滚动:

html { overflow: scroll; }

强制隐藏滚动:

html { overflow: hidden; }

隐藏IE的水平滚动条:

html { overflow-x: hidden; }

隐藏IE的垂直滚动条:

html { overflow-y: hidden; }

强制显示IE的水平滚动条:

html { overflow-x: scroll; }

强制显示IE的垂直滚动条:

html { overflow-y: scroll; }

强制显示Mozilla的水平滚动条:

html { overflow:-moz-scrollbars-horizontal; }

注意: 仅仅强制显示水平滚动: 也就是说, 即使需要显示垂直滚动条: 垂直滚动条也不会出现.

强制显示Mozilla的垂直滚动条:

html { overflow:-moz-scrollbars-vertical; }

注意: 仅仅强制显示垂直滚动: 也就是说, 即使需要显示水平滚动条: 水平滚动条也不会出现.

这么多我们都会有注意到一个html这个,所有的隐藏浏览器滚动的我们都利用了html属于来定义了:/p>

未经允许不得转载:爱前端网 » web前端css强制隐藏浏览器滚动条方法

赞 (0) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏