固定したナビにスクロールをつける応急処置

※ アフィリエイト広告を利用しています

ヘッダーを固定してハンバーガーメニューをつけると
長いメニューの場合は下の方に記載されているメニューが
表示されないということも、、、

そこで作り方を変更したほうが良い時もありますが、
時間がない場合はスクロールをつける方法。

表示する子要素に高さをheight:100vhなどつけてあげて
以下を追加すると見えない範囲がある場合は
スクロールできるようになります。
overflow: auto;
-webkit-overflow-scrolling: touch;

ただ下に表示されている画面がスクロールされるなどの
細かい設定が別途必用な際も多いと思いますが、
とりあえずの応急処置は上記で対応できるかと思います。
ただし、スマートフォンでの挙動はイマイチなので
根本的な問題解決にはならない可能性もありますが、、、

レスポンシブ
noteをフォローする
note

コメント

タイトルとURLをコピーしました