码迷,mamicode.com
首页 > 其他好文 > 详细

关于隐藏原生滚动条的一些事

时间:2017-04-12 14:24:25      阅读:328      评论:0      收藏:0      [点我收藏+]

标签:宽度   修改   web   webkit   div   存在   兼容   idt   元素   

在页面中让一部分可以滚动很容易

给父元素设置overflow:auto;就行了

这样做虽然简单但是也有很大的问题:原生的滚动条实在是太丑了!!

怎么把原生的滚动条隐藏起来,传统的做法是在:

要设置的overflow:auto,的元素外面在包一层div

在这个div上设置overflow:hide,通过调整该它的宽度,来隐藏掉滚动条;

这样的做法虽然能实现但是还是过于麻烦

C3出来后就直接提供修改滚动条样式的方法

::-webkit-scrollbar {
  width: 0px;
}

目前仍然存在兼容性问题

但是并不影响它的使用

关于隐藏原生滚动条的一些事

标签:宽度   修改   web   webkit   div   存在   兼容   idt   元素   

原文地址:http://www.cnblogs.com/ChrisWF/p/6698922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!