| <!doctype HTML> |
| <script src="../resources/run-after-layout-and-paint.js"></script> |
| <style> |
| ::-webkit-scrollbar { |
| display: none; |
| } |
| </style> |
| <div style="column-count: 2; width: 800px; height: 300px;"> |
| First column. Green should show on scroll. |
| <div id="scroller" style="width: 400px; height: 250px; overflow-y: auto;"> |
| <div style="width: 300px; height: 300px; background: red"></div> |
| <div style="width: 300px; height: 300px; background: green"></div> |
| </div> |
| Second column. |
| </div> |
| <script> |
| if (window.testRunner) |
| window.testRunner.waitUntilDone(); |
| runAfterLayoutAndPaint(() => { |
| scroller.scrollBy(0, 300); |
| if (window.testRunner) |
| window.testRunner.notifyDone(); |
| }); |
| </script> |