The overflow-anchor property allows to opt out Scroll Anchoring, a browser feature which adds scroll position to minimize content shifts.
Scroll Anchoring is enabled by default in any supported browser.
This property has two values: auto and none.
|CSS Scroll Anchoring Module Level 1
|object.style.overflowAnchor = "none";
overflow-anchor: auto | none | initial | inherit;
You can insert the following piece of code with the overflow-anchor property into your CSS code:
|Adjustes scroll anchoring position thus making an element an anchor.
|Disables scroll anchoring making the content reflow.
|Makes the property use its default value.
|Inherits the property from its parents element.
Practice Your Knowledge
Quiz Time: Test Your Skills!
Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.