pinch-zoom-position-sticky-ref.html (540B)
1 <!DOCTYPE html> 2 <html reftest-resolution="1.5"> 3 <head> 4 <meta name="viewport" content="width=device-width"> 5 <style> 6 body { 7 margin: 0; 8 height: 2000px; 9 overflow: hidden; 10 } 11 #tall { 12 height: 100vh; 13 } 14 #sticky { 15 position: absolute; 16 bottom: 0; 17 width: 100%; 18 height: 500px; 19 background: repeating-linear-gradient(90deg, transparent, transparent 20px, black 20px, black 40px); 20 } 21 </style> 22 </head> 23 <body> 24 <div id="tall"></div> 25 <div id="sticky"></div> 26 </body> 27 </html>