clipped-scroller-add-content.html (966B)
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="help" href="https://crbug.com/385704990"> 5 <link rel="match" href="clipped-scroller-add-content-ref.html"> 6 <script src="/common/reftest-wait.js"></script> 7 <script src="/common/rendering-utils.js"></script> 8 <div style="height: 300px; overflow: hidden"> 9 <div style="height: 20px"></div> 10 <div id="scroller" style="height: 300px; overflow: scroll"> 11 <div id="content" style="position: relative; display: none; 12 width: 300px; height: 400px; background: red"> 13 <div style="height: 300px; background: green"></div> 14 <div style="height: 100px; background: green"></div> 15 </div> 16 </div> 17 </div> 18 <script> 19 waitForAtLeastOneFrame().then(() => { 20 content.style.display = 'block'; 21 waitForAtLeastOneFrame().then(() => { 22 scroller.scrollTo(0, 100); 23 takeScreenshot(); 24 }); 25 }); 26 </script>