在做小项目使用vue写视图界面的时候遇到需要删粗滚动条,自己尝试了很多方法,但是对于移动端效果不好,最后用到了webkit伪元素实现的,如下代码:
.burst_view::-webkit-scrollbar {
display: none;
}
在滚动区的div层添加伪元素::-webkit-scrollbar,实现对滚动条的操作,也可利用css属性设置width,height,背景等
webkit的伪类和伪元素的实现很强,可以把滚动条当成一个页面元素来定义,再结合一些高级的CSS3属性,比如渐变、圆角、RGBa等等。