做后台管理系统的demo时，遇到个需求，想要实现隐藏滚动条的同时保留滚动的特性。
网上去搜索的时候发现给的答案基本都是：
overflow: hidden; /*感觉我的智商被按在地上狠狠的摩擦*/
感觉智商受到了侮辱.......
又去找了一下才发现了自己想要的效果，但是不能兼容IE、Firfox、Chrome,基本上都是只能实现IE和Chrome。
心累.....
又是一番艰苦搜索后，终于发现了完整的:
/*IE下隐藏滚动条*/
-ms-overflow-style: none;
/*火狐下隐藏滚动条*/
scrollbar-width: none;
/* Chrome隐藏滚动条 */
::-webkit-scrollbar {
display: none;
}
实测有效！
作者简介：一木一生，一个散发着单身狗清香的程序猿。同时，欢迎关注我的CSDN博客 Vito_w7 。
本文为作者原创，未经允许，不得转载，违者必究！
做后台管理系统的demo时，遇到个需求，想要实现隐藏滚动条的同时保留滚动的特性。 网上去搜索的时候发现给的答案基本...
.content{ background: #fff; position: absolute; overflow:...
tab导航栏横向滚动条-tabScroll 在vue中使用css实现的tab横向滚动条，效果如图：
使用CSS隐藏元素滚动条
引用：scroll-view滚动条 css 隐藏滚动条 ::-webkit-scrollbar { width:...
1. 移动端css隐藏滚动条（ios上流畅滑动）解决方案 效果图： HTML代码： SCSS代码： 主要实现思路：...
overflow实现隐藏滚动条同时又可以滚动 [ ](javascript:void(0); "复制代码") .s...
设置了overflow，隐藏其滚动条同时可以滚动的方法 元素设置了overflow: auto； 隐藏其滚动条同时...
在PC端隐藏html右侧默认滚动条 ie/Edge的样式会使页面内所有滚动条隐藏。Chrome和火狐会隐藏右侧默认...
移动端 实现ul横向滚动条 隐藏滚动条
本文标题：实测有效，CSS实现隐藏滚动条同时保留滚动效果（IE、Firfo
本文链接：https://www.haomeiwen.com/subject/awezlctx.html
网友评论