スクロールを制御しよう | JavaScriptレシピ集 | CookBook

スクロールバーとは スクロールとは、表示領域より大きなコンテンツを表示する際にコンテンツを移動（スクロール）しながら全体を閲覧させるためのツールの総称です。 HTMLの場合、ドキュメント全体に対するスクロールバーと特定要素におけるスクロールバーの２種類が存在します。 下記例では上下のみですが、左右に対するスクロールバーも有ります。 スクロールバーの表示条件は？ Webページでスクロールバーが表示されるためには、いくつかの条件があります。 表示領域より表示するコンテンツの大きさが大きいこと。cssのoverflowプロパティがscrollまたはautoに設定されていることです。 また、overflowの設定が有効になるためには、親要素（ブロックレベル要素）に高さ (height または max-height) を設定（縦スクロールの場合）するか、 white-space を nowrap に