ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS で垂直スクロール Div を作成するにはどうすればよいですか?

CSS で垂直スクロール Div を作成するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-13 09:44:16
オリジナル
749 人が閲覧しました

How to Create Vertically Scrolling Divs with CSS?

CSS を使用した垂直スクロール Div

垂直スクロール可能な div の作成は、適切なオーバーフロー プロパティを利用することで実現できます。デフォルトのオーバーフロー設定では、水平方向と垂直方向の両方にスクロールできます。スクロールを垂直軸のみに制限するには、オーバーフロー プロパティを次のように変更します。

垂直スクロールのみ:

場合でも、常に垂直スクロールバーが必要な場合コンテンツが div の高さ内に収まるようにするには、

overflow-y: scroll;
ログイン後にコピー

を使用します。これにより、コンテンツの高さに関係なく垂直スクロールバーが強制的に表示されます。 size.

動的垂直スクロール:

コンテンツが div の高さを超える場合など、必要な場合にのみ垂直スクロールバーを表示したい場合は、次を使用します:

overflow: auto;
ログイン後にコピー

この設定では、コンテンツが div の高さを超える場合は垂直スクロールバーが自動的に作成されますが、コンテンツが div の高さを超えている場合は非表示のままになります。コンテンツはその境界内に収まります。

以上がCSS で垂直スクロール Div を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート