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