经过多次试验,以下这种CSS写法,可以完美支持在IE、火狐Firefox和谷歌Chrome浏览器下隐藏滚动条并且可以滚动的效果,收藏一下。
CSS
1 2 3 4 5 6 7 8 9 10 | .scroll-div { /*隐藏滚动条,当IE下溢出,仍然可以滚动*/ -ms-overflow-style: none; /*火狐下隐藏滚动条*/ scrollbar-width: none; }
.scroll-div::-webkit-scrollbar { display: none; } |
.scroll-div为带有滚动的元素,当然也可以换成html元素标签,这样最外层页面就可以隐藏滚动条并且可以滚动
以上代码在一下浏览器中测试通过:
- Google Chrome 76+
- Microsoft Edge
- IE 11
- Firefox 68+