position-sticky-on-main-thread.html (382B)
1 <!doctype html> 2 <meta charset="utf-8" /> 3 <meta name="viewport" content="width=device-width,initial-scale=1" /> 4 <style> 5 body { 6 margin: 0; 7 } 8 button { 9 width: 100%; 10 height: calc(100lvh - 100svh); 11 } 12 button#sticky { 13 position: sticky; 14 bottom: 0px; 15 } 16 </style> 17 <div style="height: 200vh"></div> 18 <button id="not-sticky"></button> 19 <button id="sticky"></button>