如何去除页面的滚动条并且还可以用滚轮滚动页面?
最近在开发网页的时候遇到了这个问题,之前在网上搜了一段代码如下:
html {
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}
用Chorm浏览器运行出来后滚动消失了,而且还可以用滚轮滚动页面!!很开心以为成功了。。可是后来我用FireFox运行出来就不能用滚轮实现页面滚动。。于是我又去万能的网络中寻求答案。哈哈,一下子就找到了呢,嘻嘻。很简单的几行代码,如下:
#body{}
-webkit-scrollbar{
width:0px;
height:0px;
}
只要把这段代码加到你的css样式文件中,就可以让滚动条消失,并且还能用滚轮控制页面哦!!亲测在IE、FireFox、Chorm浏览器中都有效哦!
嘻嘻,分享给需要的小伙伴们!也当给自己做笔记啦!方便以后的前端开发啦!