position-sticky-scrolled-clip-2.html (761B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="100"> 6 7 <title>position:sticky with scrolled clip should prerender everything and correctly move the clip</title> 8 9 <style> 10 11 html { 12 scrollbar-width: none; 13 } 14 15 body { 16 margin: 0; 17 height: 4000px; 18 position: relative; 19 } 20 21 .absoluteClip { 22 position: absolute; 23 left: 0; 24 top: 0; 25 width: 100px; 26 height: 200px; 27 clip: rect(50px, auto, auto, auto); 28 } 29 30 .sticky { 31 position: sticky; 32 top: 0; 33 box-sizing: border-box; 34 height: 100px; 35 border: 1px solid black; 36 } 37 38 </style> 39 40 <div class="absoluteClip"> 41 <div class="sticky"></div> 42 </div>