Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <style> | 2 <style> |
| 3 /* Let's get this party started */ | |
| 4 ::-webkit-scrollbar { | 3 ::-webkit-scrollbar { |
| 5 width: 20px; | 4 width: 12px; |
| 6 » height: 25px; | 5 height: 12px; |
| 7 } | 6 } |
| 8 | |
| 9 /* Track */ | |
| 10 ::-webkit-scrollbar-track { | 7 ::-webkit-scrollbar-track { |
| 11 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | 8 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
| 12 -webkit-border-radius: 10px; | 9 -webkit-border-radius: 10px; |
| 13 border-radius: 10px; | 10 border-radius: 10px; |
| 14 } | 11 } |
| 15 | |
| 16 /* Handle */ | |
| 17 ::-webkit-scrollbar-thumb { | 12 ::-webkit-scrollbar-thumb { |
| 18 -webkit-border-radius: 10px; | 13 -webkit-border-radius: 10px; |
| 19 border-radius: 10px; | 14 border-radius: 10px; |
| 20 background: rgba(255,0,0,0.8); | 15 background: rgba(255,0,0,0.8); |
| 21 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); | 16 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); |
| 22 } | 17 } |
| 23 | 18 html { |
| 19 overflow: scroll; | |
| 20 } | |
| 21 body { | |
| 22 width: 1000px; | |
| 23 height: 1000px; | |
| 24 } | |
| 24 </style> | 25 </style> |
| 25 <iframe src="resources/scrollable-iframe.html"></iframe> | 26 <body> |
|
bokan
2016/09/02 16:01:54
Nit: No body tags
MuVen
2016/09/06 10:07:28
Done.
| |
| 26 <iframe src="resources/scrollable-iframe.html"></iframe> | 27 </body> |
| OLD | NEW |