incremental-scroll-002.html (840B)
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-002-ref.html"> 5 <script src="/common/reftest-wait.js"></script> 6 <script src="/common/rendering-utils.js"></script> 7 <style> 8 div div { height: 15px; font-size: 10px; } 9 </style> 10 <div id="target" style="background: white; overflow: scroll; width: 500px; height: 500px"> 11 </div> 12 <script> 13 for (var i = 0; i < 400; i++) { 14 var div = document.createElement("div"); 15 div.textContent = i; 16 target.appendChild(div); 17 } 18 19 function scroll() { 20 var lastScrollTop = target.scrollTop; 21 target.scrollTop += 300; 22 if (target.scrollTop > lastScrollTop) { 23 waitForAtLeastOneFrame().then(scroll); 24 } else { 25 takeScreenshot(); 26 } 27 } 28 29 waitForAtLeastOneFrame().then(scroll); 30 </script>