Sticky and Fixed Elements position: fixed vs position: sticky | Property | Behaviour | Use for | |---|---|---| | | Removed from document flow. Always stays at the same viewport position regardless of scroll or parent. | Global navigation header, bottom toolbar, floating action button | | | Stays in document flow until it hits its scroll threshold, then locks in place. Returns to flow when parent scrolls past. | Table column headers, section headings in a long list, in-page toolbars within a scroll container | Prefer over when the element belongs to a specific section or scroll context. Fixed…