| <!doctype HTML> |
| <style> |
| body { |
| background: linear-gradient(gray, white); |
| } |
| #spacer { |
| height:2000px; |
| width:100px; |
| background-color:lightblue; |
| } |
| #composited { |
| will-change: transform; |
| height:6000px; |
| width:100px; |
| background: linear-gradient(blue, yellow); |
| } |
| </style> |
| <!-- The test passes if the gradient div is properly visible. --> |
| <div id="spacer"></div> |
| <div id="composited"></div> |
| |
| <script src="../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| window.scrollBy(0, 8000); |
| }, true); |
| </script> |