| <!DOCTYPE html> |
| <style> |
| #bloat { |
| height: 1000px; |
| } |
| |
| #composited-background-attachment-fixed { |
| position: absolute; |
| left: 50px; |
| top: 200px; |
| width: 500px; |
| height: 1000px; |
| background: url('../resources/grid.png') fixed; |
| will-change: opacity; |
| } |
| </style> |
| <div id="bloat"> |
| The test verifies background-attachment:fixed gets invalidated after scroll even if they are composited. |
| </div> |
| <div id="composited-background-attachment-fixed"></div> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| document.body.offsetTop; |
| runAfterLayoutAndPaint(function() { |
| scrollTo(0, 123); |
| }, true); |
| </script> |