dynamic-toolbar-nested-fixed-bottom-ref.html (568B)
1 <!DOCTYPE HTML> 2 <html> 3 <meta name="viewport" content="width=device-width"> 4 <style> 5 html { 6 scrollbar-width: none; 7 } 8 #scrolled { 9 height: 2000px; 10 width: 100%; 11 } 12 #fixed-outer { 13 width: 100%; 14 height: 200px; 15 position: fixed; 16 bottom: 0; 17 background: red; 18 margin-bottom: 50px; 19 } 20 #fixed-inner { 21 width: 100%; 22 height: 100px; 23 position: fixed; 24 bottom: 0; 25 background: blue; 26 margin-bottom: 50px; 27 } 28 </style> 29 <body> 30 <div id="scrolled"></div> 31 <div id="fixed-outer"> 32 <div id="fixed-inner"></div> 33 </div> 34 </body> 35 </html>