position-fixed-async-zoom-2.html (1036B)
1 <!DOCTYPE html> 2 <html class="reftest-wait" 3 reftest-async-scroll 4 reftest-displayport-x="0" reftest-displayport-y="0" 5 reftest-displayport-w="800" reftest-displayport-h="1000" 6 reftest-async-scroll-x="0" reftest-async-scroll-y="-50" 7 reftest-async-zoom="2.0"> 8 <head> 9 <style> 10 html { 11 scrollbar-width: none; 12 } 13 body { 14 height: 3000px; 15 margin: 0; 16 } 17 div { 18 position: fixed; 19 top: 0; 20 width: 100px; 21 height: 100px; 22 background: green; 23 } 24 </style> 25 </head> 26 <body onload="scrollTo(0, 1000); document.documentElement.classList.remove('reftest-wait');"> 27 <!-- Test that position:fixed elements scroll with the layout viewport. 28 29 Scroll the window (i.e., the layout viewport) to (0, 1000). An async 30 scroll of -50 CSS pixels will move both the layout and visual viewport 31 up by 100 screen pixels (since async zoom is set to 2.0). The div should 32 remain at top-left corner of the layout viewport. --> 33 <div></div> 34 </body> 35 </html>