首页 > Web开发 > 详细

去掉原生css滚动条

时间:2017-10-09 18:07:35      阅读:338      评论:0      收藏:0      [点我收藏+]

样式如下: 

   可以把高度改成0,或者背景透明色,实际一般用第一类样式就可以了,目前兼容谷歌内核。

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  

::-webkit-scrollbar  

{  

width: 16px;  

height: 16px;  

background-color: #F5F5F5;  

}  

/*定义滚动条轨道 内阴影+圆角*/  

::-webkit-scrollbar-track  

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    border-radius: 10px;  

background-color: #F5F5F5;  

}  

/*定义滑块 内阴影+圆角*/  

::-webkit-scrollbar-thumb  

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

background-color: #555;  

}  

去掉原生css滚动条

原文:http://www.cnblogs.com/webcong007/p/7642187.html

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