CSS の overflow-anchor プロパティは、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。
構文
/* キーワード値 */ overflow-anchor: auto; overflow-anchor: none; /* グローバル値 */ overflow-anchor: inherit; overflow-anchor: initial; overflow-anchor: unset;
値
auto- スクロール位置を調整するとき、要素がアンカーになる可能性があります。
none- 要素は潜在的なアンカーとして選択されません。
形式文法
auto | none
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Scroll Anchoring Module Level 1 overflow-anchor の定義 |
編集者草案 | 初回定義 |
| 初期値 | auto |
|---|---|
| 適用対象 | すべての要素 |
| 継承 | なし |
| メディア | 視覚 |
| 計算値 | 指定値 |
| アニメーションの種類 | 個別 |
| 正規順序 | 構文通り |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 基本対応 | Chrome 完全対応 56 | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 43 | Safari 未対応 なし | WebView Android 完全対応 56 | Chrome Android 完全対応 56 | Edge Mobile 未対応 なし | Firefox Android 未対応 なし | Opera Android 完全対応 43 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。