overflow-anchor

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

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

構文

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

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

値

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

形式文法

auto | none

例

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

body {
  overflow-anchor: none;
}

仕様書

仕様書 状態 備考
CSS Scroll Anchoring Module Level 1
overflow-anchor の定義		 編集者草案 初回定義

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

ブラウザーの互換性

BCD tables only load in the browser

関連項目