position-fixed-async-zoom-1.html (878B)
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="1000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="50" 6 reftest-async-zoom="2.0"> 7 <head> 8 <style> 9 html { 10 scrollbar-width: none; 11 } 12 body { 13 height: 3000px; 14 margin: 0; 15 } 16 div { 17 position: fixed; 18 top: 0; 19 width: 100px; 20 height: 100px; 21 background: green; 22 } 23 </style> 24 </head> 25 <body> 26 <!-- Test that position:fixed elements are attached to the layout viewport 27 instead of the visual viewport. 28 29 An async scroll of 50 CSS pixels will scroll the visual viewport by 100 30 screen pixels (since async zoom is set to 2.0) and result in the top 31 half of the div being scrolled out of view. --> 32 <div></div> 33 </body> 34 </html>