overflow-anchor

overflow-anchor は CSS のプロパティで、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。

スクロールアンカリングの動作は、対応しているすべてのブラウザーで既定で有効になっています。したがって、このプロパティを変更するのは通常、文書または文書の一部でスクロールアンカリングによって操作上の問題が発生し、この動作をオフにする必要がある場合のみです。

構文

/* キーワード値 */
overflow-anchor: auto;
overflow-anchor: none;

/* グローバル値 */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: revert;
overflow-anchor: unset;

値

auto: その要素は、スクロール位置を調整するときにアンカー候補になります。
none: その要素はアンカー候補として選択されません。

公式定義

初期値	`auto`
適用対象	すべての要素
継承	なし
計算値	指定通り
アニメーションの種類	離散値

形式文法

auto | none

例

スクロールアンカリングを抑止

文書内でスクロールアンカリングを抑止する場合は、 overflow-anchor プロパティを使用してください。

* {
  overflow-anchor: none;
}

仕様書

Specification
CSS Scroll Anchoring Module Level 1 (CSS Scroll Anchoring 1) # exclusion-api

ブラウザーの互換性

BCD tables only load in the browser