long_scroll_composited.html (1147B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Long scrolling should work properly</title> 4 <link rel="author" href="mailto:masonf@chromium.org"> 5 <link rel="help" href="https://www.w3.org/TR/cssom-view/#scrolling"> 6 <link rel="match" href="long_scroll_composited-ref.html"> 7 8 <style> 9 .post { 10 height: 1000px; 11 width: 300px; 12 border: 1px solid black; 13 14 } 15 .scroller { 16 overflow-y: scroll; 17 width: 500px; 18 height: 500px; 19 will-change: transform; 20 } 21 ::-webkit-scrollbar { 22 display: none; 23 } 24 </style> 25 26 <p>The number 7 should be visible in the scrolled window below.</p> 27 28 <div id="scroller" class="scroller"> 29 <div style="position: relative;"> 30 <div style="position: relative;"> 31 <div class="post">0</div> 32 <div class="post">1</div> 33 <div class="post">2</div> 34 <div class="post">3</div> 35 <div class="post">4</div> 36 <div class="post">5</div> 37 <div class="post">6</div> 38 <div class="post">7</div> 39 <div class="post">8</div> 40 <div class="post">9</div> 41 </div> 42 </div> 43 </div> 44 45 <script> 46 onload = function() { 47 scroller=document.getElementById("scroller"); 48 scroller.scrollTop = 6800; 49 }; 50 </script>