您的位置：首页 > Web前端 > CSS

如何去除页面的滚动条并且还可以用滚轮滚动页面？

2017-12-28 20:07 861 查看

最近在开发网页的时候遇到了这么一个尴尬的事情，当我把滚动条去掉之后，页面无法滚动了，使用滚轮也不行。那么怎么才能既隐藏滚动条，又可以用滚轮滚动页面呢？

下面提供两种解决方案。第一种是只在Chorm浏览器上有效的，第二种是在IE、FireFox、Chorm上面都有效的。。（当然还是选择的第二种啦）

第一种代码如下：

<style>
html {
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}

</style>

第二种代码如下（将这个代码加入CSS样式文件中，亲测在IE、FireFox、Chorm上面都有效）：

#body{}
-webkit-scrollbar{
width:0px;
height:0px;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： HTML CSS 去除滚动条前端开发滚轮滚动

相关文章推荐

新的分享

章节导航