interactive-widget.html (669B)
1 <!doctype html> 2 <meta charset="utf-8" /> 3 <meta 4 name="viewport" 5 content="width=device-width,initial-scale=1,interactive-widget=resizes-visual" 6 /> 7 <style> 8 html { 9 scrollbar-width: none; 10 } 11 body { 12 margin: 0px; 13 /* This should be precisely covered up by the footer, when you 14 scroll to the very end of the body: */ 15 border-bottom: calc(100lvh - 100svh) solid red; 16 background-color: rgb(255, 255, 255); 17 } 18 .footer { 19 height: calc(100lvh - 100svh); 20 width: 100%; 21 position: fixed; 22 background-color: rgb(0, 128, 0); 23 bottom: 0; 24 } 25 .tall { 26 height: 100lvh; 27 } 28 </style> 29 <div class="tall"></div> 30 <div class="footer"></div>