async-scroll-to-no-content-area.html (926B)
1 <!DOCTYPE html> 2 <html reftest-displayport-w="3200" reftest-displayport-h="4000" 3 reftest-async-scroll 4 reftest-async-scroll-x="2400" 5 reftest-async-scroll-y="3000"> 6 <!-- 7 This content size will be (400%, 400%) (i.e. (3200px, 4000px) in reftest) 8 because of 'minimum-scale=0.25', but is rendered 1.0x scale initially so that 9 there is room to scroll to (0px, 3000px). 10 --> 11 <meta name="viewport" content="width=device-width,minimum-scale=0.25,initial-scale=1"> 12 <style> 13 html { 14 background-color: green; 15 } 16 html, body { 17 margin: 0; 18 width: 100%; 19 height: 100%; 20 scrollbar-width: none; /* avoid drawing scrollbars */ 21 } 22 #quadruple-width { 23 background-color: red; 24 width: 400%; 25 height: 100%; 26 position: absolute; 27 } 28 #fixed { 29 width: 100px; 30 height: 100px; 31 background-color: red; 32 position: fixed; 33 bottom: 0px; 34 right: 0px; 35 } 36 </style> 37 <div id="quadruple-width"></div> 38 <div id="fixed"></div> 39 </html>