1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. 属性
  5. overflow-anchor

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

overflow-anchor

有限可用

此特性不属于基线，因为它尚未在主流浏览器中得到支持。

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

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

语法

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

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

Values

auto

The element becomes a potential anchor when adjusting scroll position.

none

The element won't be selected as a potential anchor.

Formal syntax

overflow-anchor = 
  auto  |
  none

范例

To prevent scroll anchoring in a document, use the overflow-anchor property.

css
body {
  overflow-anchor: none;
}

规范

规范
CSS Scroll Anchoring Module Level 1
# exclusion-api
初始值auto
适用元素所有元素
是否是继承属性否
计算值as specified
动画类型离散值

浏览器兼容性

See also

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题