DEV Community

Calvin
Calvin

Posted on

3 2

Reading Snippets [38 => CSS]

An element that uses Position:sticky; is positioned based on the user's scroll position.

A sticky element toggles between relative and fixed, depending on the scroll position.

It maintains the position until a given offset point is met in the viewport. After the offset position is met, the element sticks in place.

Source:W3 Schools

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay