@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
75 lines (74 loc) • 2.05 kB
CSS
.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);
}