OLD | NEW |
---|---|
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 /* Let's get this party started */ | 3 /* Let's get this party started */ |
skobes
2015/08/06 20:09:32
Can you remove these comments? They aren't very u
| |
4 ::-webkit-scrollbar { | 4 ::-webkit-scrollbar { |
5 width: 150px; | 5 width: 12px; |
6 height: 150px; | 6 height: 12px; |
7 } | 7 } |
8 | 8 |
9 /* Track */ | 9 /* Track */ |
10 ::-webkit-scrollbar-track { | 10 ::-webkit-scrollbar-track { |
11 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | 11 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
12 -webkit-border-radius: 10px; | 12 -webkit-border-radius: 10px; |
13 border-radius: 10px; | 13 border-radius: 10px; |
14 } | 14 } |
15 | 15 |
16 /* Handle */ | 16 /* Handle */ |
17 ::-webkit-scrollbar-thumb { | 17 ::-webkit-scrollbar-thumb { |
18 -webkit-border-radius: 1px; | 18 -webkit-border-radius: 1px; |
19 background: rgba(255,0,0,0.4); | 19 background: rgba(255,0,0,0.8); |
20 -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5); | 20 -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5); |
21 } | 21 } |
22 body { | 22 body { |
23 width: 1000px; | 23 width: 1000px; |
24 height: 1000px; | 24 height: 1000px; |
25 } | 25 } |
26 | 26 |
27 div{ | 27 div{ |
28 width: 1500px; | 28 width: 1500px; |
29 height: 1500px; | 29 height: 1500px; |
30 } | 30 } |
31 </style> | 31 </style> |
32 <script> | |
33 if (window.testRunner) | |
34 window.testRunner.setRootLayerScrolls(true); | |
skobes
2015/08/06 20:09:32
Instead of setting this explicitly, put the test i
| |
35 </script> | |
32 <body> | 36 <body> |
33 <div></div> | 37 <div></div> |
34 </body> | 38 </body> |
OLD | NEW |