-
Notifications
You must be signed in to change notification settings - Fork 33
/
fakescroll.css
65 lines (56 loc) · 1.37 KB
/
fakescroll.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
.fakeScroll{ overflow:visible !important; }
.fakeScroll__wrap{
overflow : hidden;
height : 100%;
position : relative;
z-index : 1;
}
.fakeScroll__content{
height : 100%;
width : 100%;
/* padding : 0 32px 0 0; */
/* right : -18px; */
position : relative;
overflow : auto;
-moz-box-sizing : border-box;
box-sizing : border-box;
scrollbar-width: none;
}
.fakeScroll__content::-webkit-scrollbar {
display: none;
}
.fakeScroll__track{
position : absolute;
right : -15px;
top : 0;
bottom : 0;
width : 9px;
cursor : default;
}
.fakeScroll__bar{
position : relative;
background : rgba(255,255,255, .4);
width : 100%;
border-radius : 4px;
right : 0;
top : 0;
z-index : 0;
transition : background 0.1s;
cursor : -moz-grab;
cursor : -webkit-grab;
}
.fakeScroll__bar:hover{
background : rgba(255,255,255, .55);
}
.fakeScroll__bar.fakeScroll--grabbed{
cursor : -moz-grabbing;
cursor : -webkit-grabbing;
background : white;
}
body.fakeScroll--grabbed{
cursor : -moz-grabbing;
cursor : -webkit-grabbing;
-moz-user-select : none;
-webkit-user-select : none;
user-select : none;
}