OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 #container { | 3 #container { |
4 -webkit-box-reflect: below; | 4 -webkit-box-reflect: below; |
5 } | 5 } |
6 | 6 |
7 #clipper { | 7 #clipper { |
8 overflow: hidden; | 8 overflow: hidden; |
9 width: 110px; | 9 width: 110px; |
10 height: 100px; | 10 height: 100px; |
(...skipping 18 matching lines...) Expand all Loading... |
29 | 29 |
30 #scrolled { | 30 #scrolled { |
31 width: 100px; | 31 width: 100px; |
32 height: 300px; | 32 height: 300px; |
33 background: green; | 33 background: green; |
34 } | 34 } |
35 </style> | 35 </style> |
36 <script> | 36 <script> |
37 if (window.internals) { | 37 if (window.internals) { |
38 window.internals.settings.setOverlayScrollbarsEnabled(true); | 38 window.internals.settings.setOverlayScrollbarsEnabled(true); |
39 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(
true); | 39 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
40 } | 40 } |
41 | 41 |
42 if (window.testRunner) | 42 if (window.testRunner) |
43 window.testRunner.dumpAsTextWithPixelResults(); | 43 window.testRunner.dumpAsTextWithPixelResults(); |
44 | 44 |
45 onload = function() { | 45 onload = function() { |
46 if (window.internals && window.testRunner) | 46 if (window.internals && window.testRunner) |
47 window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(d
ocument)); | 47 window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(d
ocument)); |
48 }; | 48 }; |
49 </script> | 49 </script> |
50 <div id="container"> | 50 <div id="container"> |
51 <div id="clipper"> | 51 <div id="clipper"> |
52 <div id="scroller"> | 52 <div id="scroller"> |
53 <div id="fixed"></div> | 53 <div id="fixed"></div> |
54 <div id="scrolled"></div> | 54 <div id="scrolled"></div> |
55 </div> | 55 </div> |
56 </div> | 56 </div> |
57 </div> | 57 </div> |
OLD | NEW |