エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スマホのハンバーガーメニューでpositionにfixedを入れてスクロールできなくなる問題を解決 | SHINGO IRIE
スマホでハンバーガーメニューを実装していたのですが、positionにfixedを入れていると位置が固定されて... スマホでハンバーガーメニューを実装していたのですが、positionにfixedを入れていると位置が固定されてしまい、スクロールできなくなります。メニューの数が多くなるとスクロールできないため、メニューとして機能しなくなるという問題の解決法について。 下のようになっているような場合に発生します。 <nav> <ul> <li>メニュー</li> (中略) </ul> </nav> nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } こういう場合、navの下のulにoverflowを入れれば解決します。 nav ul{ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling:
2018/10/04 リンク