移动端默认显示滚动条

最新推荐文章于 2024-08-08 18:54:52 发布

tanmuxue

最新推荐文章于 2024-08-08 18:54:52 发布

阅读量8.7k

点赞数 2

分类专栏：移动端 CSS

本文链接：https://blog.csdn.net/tanmuxue/article/details/53155918

版权

移动端同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

CSS

9 篇文章 0 订阅

订阅专栏

.list {
    overflow: hidden;
    overflow-y: auto;
}
.list::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.list::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}
.list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}