美文网首页
移动端滚动条

移动端滚动条

作者: Eastblue | 来源:发表于2018-09-03 12:00 被阅读0次

    最近在做vue小工具,产品提出一个需求要求出现滚动条并且有滚动的小滑块,然后思索了很久决定在网上找一下其他人是怎么做的,然后总结如下,希望能给大家一点启发。

    elmen {
    overflow: hidden;
    overflow-y: auto;
    }
    elment::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    }
    elment::-webkit-scrollbar {
    width: 6px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    elment::-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;
    }
    elment::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

    相关文章

      网友评论

          本文标题:移动端滚动条

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