incremental-scroll.html (793B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scroll-container"> 4 <link rel="match" href="incremental-scroll-ref.html"> 5 <script src="/common/reftest-wait.js"></script> 6 <script src="/common/rendering-utils.js"></script> 7 <div id="target" style="background: white; overflow: scroll; width: 500px; height: 500px; 8 font-size: 40px; will-change: transform"> 9 </div> 10 <script> 11 for (var i = 0; i < 500; i++) { 12 var div = document.createElement("div"); 13 div.textContent = i; 14 target.appendChild(div); 15 } 16 17 function scroll() { 18 target.scrollTop += 500; 19 if (target.scrollTop < 10000) { 20 waitForAtLeastOneFrame().then(scroll); 21 } else { 22 takeScreenshot(); 23 } 24 } 25 26 waitForAtLeastOneFrame().then(scroll); 27 </script>