Suggest an editImprove this articleRefine the answer for “What does position: sticky do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`position: sticky`** combines the behavior of `relative` and `fixed`: while the element has not reached the given scroll threshold, it stays in the flow, and once it reaches the threshold it "sticks" and behaves like `fixed`. **Key point:** `sticky` is a positioning mode in which the element stays in the flow but becomes fixed on screen while scrolling once it reaches a given threshold.Shown above the full answer for quick recall.Answer (EN)Image`position: sticky` combines the behavior of `relative` and `fixed`. **How it works:** - while the element within the visible area **has not reached the threshold**, it behaves like `relative`: it stays in the flow and occupies its place; - when, during scrolling, it reaches the given value of `top`, `left`, `right`, or `bottom`, it "sticks" and behaves like `fixed`, staying on screen. Example: ```css header { position: sticky; top: 0; } ``` **Features:** - the element stays in the flow (unlike `fixed`); - the `top`/`bottom` coordinates are required for it to trigger; - "sticking" works **within its own scrollable container**, not the whole page. **Summary:** `sticky` is a positioning mode in which the element stays in the flow but becomes fixed on screen while scrolling once it reaches a given threshold.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.