overflow-anchor

**overflow-anchor** CSS 属性提供了一种方法来选择退出浏览器的滚动锚定行为，该行为会调整滚动位置以最大程度地减少内容偏移。

滚动锚定行为在支持它的任何浏览器中默认启用。因此，更改此属性的值通常仅在您在文档或文档的一部分中遇到滚动锚定问题，并且需要关闭该行为时才需要。

试试看

语法

css

/* Keyword values */
overflow-anchor: auto;
overflow-anchor: none;

/* Global values */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: revert;
overflow-anchor: revert-layer;
overflow-anchor: unset;

值

auto: 在调整滚动位置时，元素成为潜在的锚点。
none: 元素不会被选择为潜在的锚点。

正式定义

初始值	`auto`
适用于	所有元素
继承	否
计算值	按指定
动画类型	离散

正式语法

overflow-anchor = 
  auto  |
  none

示例

防止滚动锚定

要防止文档中的滚动锚定，请使用overflow-anchor 属性。

css

* {
  overflow-anchor: none;
}

规范

规范
CSS 滚动锚定模块级别 1 # exclusion-api

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅

滚动锚定指南