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
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。