async-scroll-and-zoom.html (1133B)
1 <!DOCTYPE html> 2 <html 3 reftest-async-scroll 4 reftest-displayport-x="0" reftest-displayport-y="0" 5 reftest-displayport-w="800" reftest-displayport-h="2000" 6 reftest-async-scroll-x="0" reftest-async-scroll-y="550" 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: absolute; 19 top: 500px; 20 width: 100px; 21 height: 100px; 22 background: green; 23 } 24 </style> 25 </head> 26 <body > 27 <!-- Test that both layout and visual viewport scroll offsets are correctly applied. 28 29 An async scroll of 550 CSS pixels at 2.0x async zoom will ensure that 30 the visual viewport is scrolled beyond the bottom of the previous 31 layout viewport, meaning that the layout viewport is also scrolled so 32 that it contains the visual viewport. 33 34 Content should be scrolled by both the layout and visual offsets, in the 35 correct co-ordinate space for each, which should result the top half of 36 the div being scrolled out of view. --> 37 <div></div> 38 </body> 39 </html>