Titleこのサイトはコーディング初心者〜中級者向けの情報サイトです。動作保証は行なっておりません。ご意見については、フォームからお知らせください。説スマートフォン表示によく使われるハンバーガーナビ。ナビメニューが多いサイトの場合、指でスクロールさせてスルスルッと気持ちよく動かしたいですよね。ナビボタンはスマホ画面の最上部に「position:fixed」で固定させておき、メニューを開いた際に、中身だけがスクロールする、しかも気持ち良く!という方法をご紹介します。scroll;」を記述すれば、スクロールできるようになります。コード例のように全面にナビメニューが表示される場合、1枚上にフィルターをかぶせるイメージで「z-index:99」などと一緒に記述すると良いでしょう。touch;」を加えると、スワイプした際にスルスルっと慣性スクロールが実装できます。ナビメニューが多い時に有効です。最後のリスト要素が見切れてしまう事もあります。最後のリスト要素に(padding-bottom:50pxくらい)と(margin-bottom:50pxくらい)を加えておくと見切れる事なく、きちんと表示される様になります。