美文网首页
前端滚动条的操作

前端滚动条的操作

作者: 忧郁的胡渣 | 来源:发表于2020-07-17 15:49 被阅读0次
    /*滚动条里面轨道*/
    ::-webkit-scrollbar-track {
        // -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
        border-radius: 0;
        // background: rgba(0, 0, 0, 0.1);
    
    }
    
    /*滚动条样式*/
    :-webkit-scrollbar {
        width: .1rem;
        background: #fff;
        border-radius: .05rem;
    }
    
    /*滚动条里面小方块*/
    ::-webkit-scrollbar-thumb {
        width: .1rem;
        background: rgba(216, 216, 216, .8);
        // background: linear-gradient(276deg, rgba(222, 125, 255, 1) 0%, rgba(78, 255, 255, 1) 100%);
        border-radius: .05rem;
    }
    

    相关文章

      网友评论

          本文标题:前端滚动条的操作

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