OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div style="overflow-y: auto; height: 500px; width: 500px; background-color: pin
k; "> | 2 <div style="overflow-y: auto; height: 500px; width: 500px; background-color: pin
k; "> |
3 <div style="position: absolute; top: 0; width: 20px; height: 20px; background-
color: green;"></div> | 3 <div style="position: absolute; top: 0; width: 20px; height: 20px; background-
color: green;"></div> |
4 <div style="height: 5000px; background-color: yellow;"></div> | 4 <div style="height: 5000px; background-color: yellow;"></div> |
5 </div> | 5 </div> |
6 <div style="background-color: lightgreen; position: fixed; top: 50px; left: 10px
; height: 400px; width: 400px;"> | 6 <div style="background-color: lightgreen; position: fixed; top: 50px; left: 10px
; height: 400px; width: 400px;"> |
7 <div style="background-color: lightblue; position: fixed; top: 75px; left: 10p
x; height: 300px; width: 300px;"></div> | 7 <div style="background-color: lightblue; position: fixed; top: 75px; left: 10p
x; height: 300px; width: 300px;"></div> |
8 <div style="background-color: salmon; height: 200px; position: absolute; width
: 200px"></div> | 8 <div style="background-color: salmon; height: 200px; position: absolute; width
: 200px"></div> |
9 </div> | 9 </div> |
10 <script> | 10 <script> |
11 if (window.testRunner) { | 11 if (window.testRunner) { |
12 internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); | 12 internals.settings.setPreferCompositingToLCDTextEnabled(true); |
13 internals.settings.setLayerSquashingEnabled(true); | 13 internals.settings.setLayerSquashingEnabled(true); |
14 } | 14 } |
15 </script> | 15 </script> |
OLD | NEW |