CSS 隐藏浏览器滚动条

消除浏览器滚动条样式

::-webkit-scrollbar-track-piece { 
    background-color:#f8f8f8;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}

如果想要自定义自己想要的滚动条样式,只需更改上面 CSS 属性,可以到达自己想要的效果。

如果你想全局定义滚动条,只需将其写入公共样式;如果只想局部更改某元素的滚动条,添加 class,使其产生的作用在局部。

 

上一篇:Java基础学习笔记--常用API之Collection集合框架公共特性


下一篇:去除element-ui table表格右侧滚动条的高度