bk-magic-vue/lib/ui/virtual-scroll.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-scroll-home{
    position:relative;
    height:100%;
}
    .bk-scroll-home .bk-scroll-main{
        height:100%;
        overflow:hidden;
        position:relative;
    }
    .bk-scroll-home .bk-scroll-index{
        text-align:right;
        -webkit-user-select:none;
           -moz-user-select:none;
            -ms-user-select:none;
                user-select:none;
    }
    .bk-scroll-home .bk-scroll-index .bk-scroll-item{
            width:100%;
            color:rgba(166, 166, 166, 1)
        }
    .bk-scroll-home .bk-scroll{
        position:absolute;
        will-change:transform;
        cursor:default;
        list-style-type:none;
        padding:0;
        margin:0;
        overflow:hidden;
    }
    .bk-scroll-home .bk-scroll .bk-scroll-item{
            position:absolute;
            width:100%;
        }
    .bk-scroll-home .bk-min-nav{
        position:absolute;
        right:0;
        top:0;
        cursor:default;
        -webkit-user-select:none;
           -moz-user-select:none;
            -ms-user-select:none;
                user-select:none;
        width:8px
    }
    .bk-scroll-home .bk-min-nav:hover + span{
            background:rgba(121, 121, 121, 0.4);
        }
    .bk-scroll-home .bk-min-nav-slide{
        position:absolute;
        -webkit-transition:opacity .1s linear;
        transition:opacity .1s linear;
        will-change:transform;
        cursor:default;
        -webkit-user-select:none;
           -moz-user-select:none;
            -ms-user-select:none;
                user-select:none;
        right:0;
        width:8px
    }
    .bk-scroll-home .bk-min-nav-slide.bk-nav-show{
            background:rgba(121, 121, 121, 0.4);
        }
    .bk-scroll-home .bk-min-nav-slide:hover{
            background:rgba(121, 121, 121, 0.5);
        }
    .bk-scroll-home .bk-min-nav-slide:active{
            background:rgba(121, 121, 121, 0.55);
        }
    .bk-scroll-home .bk-bottom-scroll{
        bottom:0;
        height:8px;
        background:rgba(121, 121, 121, 0.4);
    }