position-sticky-scrolled-clip-1.html (702B)
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 correctly move the clip</title> 8 9 <style> 10 11 body { 12 margin: 0; 13 height: 4000px; 14 position: relative; 15 } 16 17 .absoluteClip { 18 position: absolute; 19 left: 0; 20 top: 0; 21 width: 100px; 22 height: 200px; 23 clip: rect(auto, auto, 150px, auto); 24 } 25 26 .sticky { 27 position: sticky; 28 top: 0; 29 box-sizing: border-box; 30 height: 100px; 31 border: 1px solid black; 32 } 33 34 </style> 35 36 <div class="absoluteClip"> 37 <div class="sticky"></div> 38 </div>