overflow-anchor
overflow-anchor
は CSS のプロパティで、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。
スクロールアンカリングの動作は、対応しているすべてのブラウザーで既定で有効になっています。したがって、このプロパティを変更するのは通常、文書または文書の一部でスクロールアンカリングによって操作上の問題が発生し、この動作をオフにする必要がある場合のみです。
試してみましょう
構文
css
/* キーワード値 */
overflow-anchor: auto;
overflow-anchor: none;
/* グローバル値 */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: revert;
overflow-anchor: unset;
値
公式定義
初期値 | auto |
---|---|
適用対象 | すべての要素 |
継承 | なし |
計算値 | 指定通り |
アニメーションの種類 | 離散値 |
形式文法
overflow-anchor =
auto |
none
例
スクロールアンカリングを抑止
文書内でスクロールアンカリングを抑止する場合は、 overflow-anchor
プロパティを使用してください。
css
* {
overflow-anchor: none;
}
仕様書
Specification |
---|
CSS Scroll Anchoring Module Level 1 # exclusion-api |
ブラウザーの互換性
BCD tables only load in the browser