fixed-pos-scrolled-clip-1.html (788B)
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="200"> 6 7 <title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title> 8 9 <style> 10 11 body { 12 margin: 0; 13 height: 4000px; 14 } 15 16 .absoluteClip { 17 position: absolute; 18 top: 300px; 19 left: 100px; 20 width: 200px; 21 height: 200px; 22 background: red; 23 clip: rect(auto auto auto auto); 24 } 25 26 .fixed { 27 position: fixed; 28 top: 0; 29 right: 0; 30 bottom: 0; 31 left: 0; 32 background: linear-gradient(lime, lime) black 0 100px no-repeat; 33 background-size: 100% 200px; 34 } 35 36 </style> 37 38 <div class="absoluteClip"> 39 <div class="fixed"></div> 40 </div>