Scroll container (スクロールコンテナー)

スクロールコンテナー (scroll container) は、スクロールバーが存在するかどうかにかかわらず、コンテンツをスクロールすることができる要素ボックスです。ユーザーエージェントは、CSS の overflow プロパティが scroll に設定されている場合、または overflow が auto に設定されていてコンテンツがコンテナーからあふれた場合に、要素ボックスにスクロールバーを追加してスクロールコンテナーにします。

要素ボックスのコンテンツがその境界ボックスをあふれた場合、ユーザーはスクロールバーを使用して、表示されない切り取られたコンテンツをスクロールすることができます。

スクロールコンテナーには、スクロールポートとスクロールバーが含まれます。

スクロールポート

スクロールポートは、スクロールコンテナーの可視部分であり、スクロールコンテナーのパディングボックスと一致しています。スクロールバーは、コンテンツが表示されるようにスクロールポートの内外に移動するために使用することができます。

関連情報

• CSS 構成要素: コンテンツのオーバーフロー
• スクロールスナップ、スクロールスナップコンテナーを含む
• CSS オーバーフローモジュール
• CSS オーバースクロール動作モジュール
• CSS スクロールスナップモジュール