使用uniapp的时候使用`scroll-view`标签不出现滚动条

韩昊杰
2023-02-13 / 1 评论 / 192 阅读 / 正在检测是否收录...

使用uniapp的时候使用scroll-view标签不出现滚动条

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

评论 (1)

取消
  1. 头像
    paul
    Windows 10 · Google Chrome

    这位博主,您好。在浏览完您的博客文章后,我感觉您的博客内容质量非常的好,也达到了加入腾讯云自媒体分享计划得要求。
    现诚挚地向您发出邀请,邀请您加入腾讯自媒体分享计划:https://cloud.tencent.com/developer/support-plan?invite_code=347bs58ysckks 。待审核成功入驻后,会在社区后台为您发放相关得腾讯云无门槛代金券以及一些实物奖励。
    具体审核细则,请进入页面查看。

    回复