123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- .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;
- }
|