去掉原生css滚动条

样式如下: 

   可以把高度改成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;  

}  

posted @ 2017-10-09 17:58  webcong  阅读(1300)  评论(0编辑  收藏  举报