position-sticky-scroll-with-clip-and-abspos-ref.html (938B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>position:sticky should operate correctly</title> 5 <link rel="author" href="mailto:masonf@chromium.org"> 6 7 8 9 10 <div style="position: fixed;">There should be text visible below.</div> 11 <div style="height: 200px;width:600px;position: fixed;top: 0px;"> 12 <div style="position: relative;top: 100px;"> 13 <div style="height: 150px;width: 500px;position: absolute;backface-visibility: hidden;background: white;"> 14 </div> 15 <div style="overflow: hidden;"> 16 <a style="position: relative;">THIS SHOULD STAY VISIBLE<BR>IF YOU SCROLL DOWN</a> 17 </div> 18 </div> 19 </div> 20 <div style="height: 2200px;"> 21 </div> 22 <script> 23 window.onload = function() { 24 requestAnimationFrame(() => { 25 requestAnimationFrame(() => { 26 window.scrollTo(0,300); 27 document.documentElement.classList.remove("reftest-wait"); 28 }); 29 }); 30 }; 31 </script> 32 </html>