position-fixed-async-zoom-4-ref.html (823B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta name="viewport" content="width=device-width, initial-scale=2.0"> 5 <style> 6 html { 7 scrollbar-width: none; 8 } 9 body { 10 height: 3000px; 11 margin: 0; 12 } 13 div { 14 position: fixed; 15 height: 100px; 16 width: 100px; 17 } 18 div.top-left { 19 top: 20px; 20 left: 20px; 21 background: red; 22 } 23 div.top-right { 24 top: 20px; 25 right: 20px; 26 background: blue; 27 } 28 div.bottom-left { 29 bottom: 20px; 30 left: 20px; 31 background: green; 32 } 33 div.bottom-right { 34 bottom: 20px; 35 right: 20px; 36 background: purple; 37 } 38 </style> 39 </head> 40 <body> 41 <div class="top-left"></div> 42 <div class="top-right"></div> 43 <div class="bottom-left"></div> 44 <div class="bottom-right"></div> 45 </body> 46 </html>