开端
想写个横向滚动的列表适配浏览器,主要就是隐藏一下滚动条在手机上美观一点。
但是使用uni-app官方文档建议的::-webkit-scrollbar
在目标标签时发现没生效。
css
.scroll-view_H::-webkit-scrollbar{
display: none;
}
![](https://file.jishuzhan.net/article/1788883133332983809/437e55a2bb842aeeb7da08e3c2f67b86.webp)
解决
F12看了一下,原来编译到浏览器端时scroll-view
下自动套了几层div,::-webkit-scrollbar
生效了,只是生效的地方错了,
解决很简单,目标标签加上空格div就行了,顺便::-webkit-scrollbar
也并非标准写法,要想在firefox和IE生效可参考如下写法
css
.scroll-view_H div::-webkit-scrollbar{
display: none; /* Chrome Safari */
}
.scroll-view_H div{
-ms-overflow-style: none; /* IE 10+ */
scrollbar-width: none; /* Firefox */
}
![](https://file.jishuzhan.net/article/1788883133332983809/9a38f1ac7172550ff9417147b0f08d2d.webp)