vue-scrollbars
Version:
A light vue scrollbar comes from jquery.scrollbar.js
67 lines (66 loc) • 1.61 kB
CSS
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper{
overflow:hidden ;
padding:0 ;
position:relative;
}
.scroll-wrapper > .scroll-content{
border:none ;
box-sizing:content-box ;
height:auto;
left:0;
margin:0;
max-height:none;
max-width:none ;
overflow:scroll ;
padding:0;
position:relative ;
top:0;
width:auto ;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height:0;
width:0;
}
.scroll-element{
display:none;
}
.scroll-element, .scroll-element div{
box-sizing:content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
display:block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
cursor:default;
}
.scroll-textarea{
border:1px solid #cccccc;
border-top-color:#999999;
}
.scroll-textarea > .scroll-content{
overflow:hidden ;
}
.scroll-textarea > .scroll-content > textarea{
border:none ;
box-sizing:border-box;
height:100% ;
margin:0;
max-height:none ;
max-width:none ;
overflow:scroll ;
outline:none;
padding:2px;
position:relative ;
top:0;
width:100% ;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{
height:0;
width:0;
}
.scroll-element .scroll-bar{
/*transition: width 0.5s linear, height 0.5s linear;*/
}