45 lines
862 B
CSS
45 lines
862 B
CSS
.scrollable {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scrollable.showScroll::after {
|
|
position: absolute;
|
|
content: '';
|
|
top: 5%;
|
|
right: 7px;
|
|
height: 90%;
|
|
width: 3px;
|
|
background: rgba(224, 224, 255, .3);
|
|
}
|
|
|
|
.scrollable .content-wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-right: 50%;
|
|
overflow-y: scroll;
|
|
}
|
|
.scroller {
|
|
margin-top: 5px;
|
|
z-index: 5;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 7px;
|
|
border-radius: 5px;
|
|
background: #3A3A3A;
|
|
top: 0px;
|
|
left: 395px;
|
|
-webkit-transition: top .08s;
|
|
-moz-transition: top .08s;
|
|
-ms-transition: top .08s;
|
|
-o-transition: top .08s;
|
|
transition: top .08s;
|
|
}
|
|
.scroller {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|