| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| onload = function() { |
| // Double rAF to ensure content is painted before scroll. |
| requestAnimationFrame(function() { |
| requestAnimationFrame(function() { |
| document.getElementById('scroller').scrollTop = 200; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }) |
| }); |
| } |
| </script> |
| <style> |
| #scroller { |
| background: url('../resources/apple.jpg') local; |
| border: 10px solid rgba(0, 255, 0, 0.5); |
| overflow: scroll; |
| padding: 10px; |
| width: 200px; |
| height: 200px; |
| will-change: transform; |
| } |
| |
| .spacer { |
| height: 300px; |
| } |
| </style> |
| <!-- This scroller has a locally attached background image which should |
| scroll with the content. --> |
| <div id="scroller"> |
| <div class="spacer"></div> |
| </div> |