OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #bloat { | 3 #bloat { |
4 height: 1000px; | 4 height: 1000px; |
5 } | 5 } |
6 | 6 |
7 #composited-background-attachment-fixed { | 7 #composited-background-attachment-fixed { |
8 position: absolute; | 8 position: absolute; |
9 left: 50px; | 9 left: 50px; |
10 top: 200px; | 10 top: 200px; |
11 width: 500px; | 11 width: 500px; |
12 height: 1000px; | 12 height: 1000px; |
13 background: url('resources/grid.png') fixed; | 13 background: url('../resources/grid.png') fixed; |
14 will-change: opacity; | 14 will-change: opacity; |
15 } | 15 } |
16 </style> | 16 </style> |
17 <div id="bloat"> | 17 <div id="bloat"> |
18 The test verifies background-attachment:fixed gets invalidated after scroll even
if they are composited. | 18 The test verifies background-attachment:fixed gets invalidated after scroll even
if they are composited. |
19 </div> | 19 </div> |
20 <div id="composited-background-attachment-fixed"></div> | 20 <div id="composited-background-attachment-fixed"></div> |
21 <script src="../../resources/run-after-layout-and-paint.js"></script> | 21 <script src="../../../resources/run-after-layout-and-paint.js"></script> |
22 <script> | 22 <script> |
23 document.body.offsetTop; | 23 document.body.offsetTop; |
24 runAfterLayoutAndPaint(function() { | 24 runAfterLayoutAndPaint(function() { |
25 scrollTo(0, 123); | 25 scrollTo(0, 123); |
26 }, true); | 26 }, true); |
27 </script> | 27 </script> |
OLD | NEW |