overflow-anchor
CSS overflow-anchor Property
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.
| 类目 | 类目 |
|---|---|
| Initial Value | auto |
| Applies to | All elements. |
| Inherited | No. |
| Animatable | No. |
| Version | CSS Scroll Anchoring Module Level 1 |
| DOM Syntax | object.style.overflowAnchor = “none”; |
Syntax
Syntax
overflow-anchor: auto | none | initial | inherit;
You can insert the following piece of code with the overflow-anchor property into your CSS code:
body {
overflow-anchor: none;
}
Values
Values
| Value | Description |
|---|---|
| auto | Adjustes scroll anchoring position thus making an element an anchor. |
| none | Disables scroll anchoring making the content reflow. |
| initial | Makes the property use its default value. |
| inherit | Inherits the property from its parents element. |