Sticky Positioning

Lesson in the CSS Roadmap · Stage 10: Background

Last updated 14 September 2026

What is Sticky Positioning?

Sticky positioning in CSS is a hybrid of relative and fixed positioning. An element with position: sticky; is initially positioned relatively, but when the user scrolls to a point where the element would normally scroll off-screen, it becomes fixed, sticking to the specified offset (e.g., top: 0;) until the containing block's boundary is reached.

Study this in the interactive course See the whole CSS roadmap

Free resources to learn Sticky Positioning

Sticky Positioning: common questions

Can I learn Sticky Positioning in Hindi?

This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Sticky Positioning in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.

Is this Sticky Positioning tutorial for beginners?

It is lesson 53 of 104 in the free CSS roadmap, in stage 10, Background. If you are new to CSS, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.