pc版微信内置浏览器，滚动条兼容问题

pistachioʕ̯•͡˔•̯᷅ʔ

已于 2024-06-07 16:35:37 修改

阅读量120

点赞数 2

分类专栏：公众号滚动条文章标签： css html 微信 vue.js 前端

于 2024-06-07 16:34:02 首次发布

本文链接：https://blog.csdn.net/qq_48499167/article/details/139530419

版权

公众号同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

滚动条

1 篇文章 0 订阅

订阅专栏

使用pc版微信内置浏览器打开公众号页面、滚动条出现了又隐藏了、影响使用

可以重新绘制滚动条样式即可

   <div class="scorll"></div>


   .scorll::-webkit-scrollbar-track-piece {
      background-color: #f1f1f1;
      border-left: 1px solid #e6ebf5;
    }
    .scorll::-webkit-scrollbar {
        width: 5px;
        height: 13px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .scorll::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        background-clip: padding-box;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        min-height: 28px;
    }
    .scorll::-webkit-scrollbar-thumb:hover {
        background-color: #787878;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }