火狐 IE 谷歌 隐藏滚动条

经过多次试验，以下这种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+

https://www.daxiblog.com/%E9%9A%90%E8%97%8F%E6%BB%9A%E5%8A%A8%E6%9D%A1%E5%B9%B6%E4%B8%94%E5%8F%AF%E4%BB%A5%E6%BB%9A%E5%8A%A8/