做后台管理系统的 demo 时, 遇到个需求, 想要实现隐藏滚动条的同时保留滚动的特性.
网上去搜索的时候发现给的答案基本都是:
overflow: hidden; /* 感觉我的智商被按在地上狠狠的摩擦 */
感觉智商受到了侮辱.......
又去找了一下才发现了自己想要的效果, 但是不能兼容 IE,Firfox,Chrome, 基本上都是只能实现 IE 和 Chrome.
心累.....
又是一番艰苦搜索后, 终于发现了完整的:
- /*IE 下隐藏滚动条 */
- -ms-overflow-style: none;
- /* 火狐下隐藏滚动条 */
- scrollbar-width: none;
- /* Chrome 隐藏滚动条 */
- ::-webkit-scrollbar {
- display: none;
- }
实测有效!
作者简介: 一木一生, 一个散发着单身狗清香的程序猿. 同时, 欢迎关注我的 CSDN 博客 Vito_w7 .
来源: http://www.jianshu.com/p/d7b9af4f7c47