Sticky Positioning

🏡 Home

Sticky Positioning is commony used in navigation bars, as it forces the element to stick in place and is not effected by scrolling. Sticky Positioning is contrained to it's parent element, so if the parent element is the body, it will stick to the top of the page.

💡

Scroll down to see it in action.

.stickyElement {
    position: sticky;
}