uniapp scroll-view滚动条不显示
我是用了scroll-view可以滚动,但是不出现滚动条,vue页面。在调试中发现是被这个样式影响了。所以就需要自己写样式,代码如下就好了。效果是这样的。
·
我是用了scroll-view可以滚动,但是不出现滚动条,vue页面。
在调试中发现是被这个样式影响了。
所以就需要自己写样式,代码如下就好了。
// 滚动条样式
/deep/ ::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px !important;
height: 1px !important;
overflow: auto !important;
background: #ccc !important;
-webkit-appearance: auto !important;
display: block;
}
/deep/ ::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px !important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
background: #7b7979 !important;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// border-radius: 10px !important;
background: #FFFFFF !important;
}
效果是这样的。
更多推荐
已为社区贡献21条内容
所有评论(0)