| <!DOCTYPE html> | |
| <style> | |
| ::-webkit-scrollbar { | |
| display: none; | |
| } | |
| #container { | |
| overflow: scroll; | |
| will-change: transform; | |
| width: 400px; | |
| height: 400px; | |
| background-attachment: local; | |
| background-color: blue; | |
| } | |
| #child { | |
| height: 500px; | |
| } | |
| </style> | |
| <div id="container"> | |
| <div id="child"></div> | |
| </div> | |
| <script src="../resources/text-based-repaint.js"></script> | |
| <script> | |
| function repaintTest() { | |
| child.style.height = '2000px'; | |
| container.scrollTop = 2000; | |
| } | |
| onload = runRepaintAndPixelTest; | |
| </script> |