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

使用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;
    }
©版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共1条

请登录后发表评论