美文网首页
修改 div 的滚动条的样式

修改 div 的滚动条的样式

作者: 融合xx | 来源:发表于2019-09-28 20:55 被阅读0次

    修改 div 的滚动条的样式

    需要用到浏览器专属的伪元素,没有万能的办法,支持的浏览器不是很多。
    假设有一个(你已经)设好宽高、定好位的 div,

    <div class="group-list"></div>
    

    超出的部分要隐藏好,

    .group-list {
      max-height: 510px;
      overflow: auto;
    }
    

    需要加上下面的样式,来修改滚动条的宽度和颜色。

    .group-list::-webkit-scrollbar {
      width: 4px;
    }
    .group-list::-webkit-scrollbar-thumb {
      background-color: #d9d9d9;
    }
    

    相关文章

      网友评论

          本文标题:修改 div 的滚动条的样式

          本文链接:https://www.haomeiwen.com/subject/eoxauctx.html