一、描述
在uniapp中,使用scroll-view内置组件,我这里是把他弄成一个可以滑动的导航,设置show-scrollbar="false"之后,按道理来说应该可以了,这个官方提供的一个属性可以不显示滑动条。但是,发现,在微信开发者工具中不显示的滑动条,在真机调试上就显示,及其难看。找寻了好一会,发现这个代码可行。修改他样式即可:
二、样式修改代码(使用样式穿透的方法)
css
/deep/ ::-webkit-scrollbar {
display: block;
width: 0 !important;
height: 0 !important;
-webkit-appearance: auto!important;
background:transparent;
overflow: auto!important;
}
这样就行了!