long_scroll_composited-ref.html (698B)
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 6 7 8 <style> 9 .post { 10 height: 1000px; 11 width: 300px; 12 border: 1px solid black; 13 14 } 15 .before { 16 height: 213px; 17 border-top: 0; 18 } 19 .scroller { 20 overflow-y: scroll; 21 width: 500px; 22 height: 500px; 23 will-change: transform; 24 } 25 ::-webkit-scrollbar { 26 display: none; 27 } 28 </style> 29 30 <p>The number 7 should be visible in the scrolled window below.</p> 31 32 <div id="scroller" class="scroller"> 33 <div style="position: relative;"> 34 <div style="position: relative;"> 35 <div class="post before"></div> 36 <div class="post">7</div> 37 </div> 38 </div> 39 </div>