uniapp scroll

2024-07-15 14:02| 来源: 网络整理| 查看: 265

我是用了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; }

效果是这样的。在这里插入图片描述

【本文地址】

公司简介

联系我们