有的时候,我们想去除网页自带右侧滑动条,自己给它设置滚动样式,可以用下面的CSS代码:
::-webkit-scrollbar{display:none;}
谷歌、苹果、IE浏览器浏览器都支持,唯有火狐浏览器依然显示右侧滑动条。
没办法,网上搜了好多,关于隐藏火狐浏览器右侧滑动条的方法,依然还是显示滑动条。
索性自己写了一段代码测试,终于火狐浏览器也生效了。话不多说,直接上代码:
<span style="font-size:24px;"><style type="text/css">body{overflow-x: hidden; overflow-y: hidden;}</style></span>
这样完美解决兼容火狐浏览器
作者:赵彦彬