Scroll container (スクロールコンテナー)
スクロールコンテナー (scroll container) は、スクロールバーが存在するかどうかにかかわらず、コンテンツをスクロールすることができる要素ボックスです。ユーザーエージェントは、CSS の overflow
プロパティが scroll
に設定されている場合、または overflow
が auto
に設定されていてコンテンツがコンテナーからあふれた場合に、要素ボックスにスクロールバーを追加してスクロールコンテナーにします。
要素ボックスのコンテンツがその境界ボックスをあふれた場合、ユーザーはスクロールバーを使用して、表示されない切り取られたコンテンツをスクロールすることができます。
スクロールコンテナーには、スクロールポートとスクロールバーが含まれます。
スクロールポート
スクロールポートは、スクロールコンテナーの可視部分であり、スクロールコンテナーのパディングボックスと一致しています。スクロールバーは、コンテンツが表示されるようにスクロールポートの内外に移動するために使用することができます。
関連情報
- CSS 構成要素: コンテンツのオーバーフロー
- スクロールスナップ、スクロールスナップコンテナーを含む
- CSS オーバーフローモジュール
- CSS オーバースクロール動作モジュール
- CSS スクロールスナップモジュール