dynamic-toolbar-sticky-top-1-ref.html (463B)
1 <html> 2 <meta name="viewport" content="width=device-width"> 3 <style> 4 html { 5 scrollbar-width: none; 6 } 7 #scrolled { 8 display: flex; 9 justify-content: space-around; 10 align-items: flex-start; 11 12 height: 2000px; 13 width: 100%; 14 } 15 #sticky { 16 width: 100%; 17 height: 200px; 18 position: sticky; 19 top: 70px; 20 background: red; 21 align-self: flex-start; 22 } 23 </style> 24 <body> 25 <div id="scrolled"> 26 <div id="sticky"></div> 27 </div> 28 </body> 29 </html>