position-fixed-async-zoom-4.html (923B)
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-zoom="2.0"> 6 <head> 7 <style> 8 html { 9 scrollbar-width: none; 10 } 11 body { 12 height: 3000px; 13 margin: 0; 14 } 15 div { 16 position: fixed; 17 height: 100px; 18 width: 100px; 19 } 20 div.top-left { 21 top: 20px; 22 left: 20px; 23 background: red; 24 } 25 div.top-right { 26 top: 20px; 27 right: 20px; 28 background: blue; 29 } 30 div.bottom-left { 31 bottom: 20px; 32 left: 20px; 33 background: green; 34 } 35 div.bottom-right { 36 bottom: 20px; 37 right: 20px; 38 background: purple; 39 } 40 </style> 41 </head> 42 <body> 43 <div class="top-left"></div> 44 <div class="top-right"></div> 45 <div class="bottom-left"></div> 46 <div class="bottom-right"></div> 47 </body> 48 </html>