首页 > 其他 > 详细

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

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

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

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

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

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

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

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

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

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

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

目前仍然存在兼容性问题

但是并不影响它的使用

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!