このページにはプロモーションが含まれています。
目次
はじめに
「縦長のハンバーガーメニューをスクロールして全体が表示できるようにしたい！」
という時、ありませんか？
そんなときに使えるのが、CSSの[overflow]プロパティです。
今回は、メニューをスクロールする方法をご紹介します！
ハンバーガーメニューをスクロールする方法
さっそくですが、次のように指定します。
overflow: auto;
height: 100vh;overflow: auto;とするとスクロールでき、縦長の要素全体が表示できます。
ここでは高さを100vhとしています。
See the Pen 縦長のナビゲーションメニューをスクロールする by hanamaru (@it-nyanter) on CodePen.
まとめ
- CSSの[overflow]プロパティを使う
以上、縦長のハンバーガーメニューをスクロールして表示させる方法についてでした。
お読みいただきありがとうございました！
私がHTML & CSSの勉強に使用した本はこちらです。
created by Rinker
¥2,585
(2024/11/04 09:55:53時点 楽天市場調べ-詳細)
コメント