固定した中身をスクロールさせる方法と慣性スクロールについて | ホームページTIPS

解 説 スマートフォン表示によく使われるハンバーガーナビ。ナビメニューが多いサイトの場合、指でスクロールさせてスルスルッと気持ちよく動かしたいですよね。ナビボタンはスマホ画面の最上部に「position:fixed」で固定させておき、メニューを開いた際に、中身だけがスクロールする、しかも気持ち良く！という方法をご紹介します。 1ナビボタンを「position:fix」で固定させ、中身を「overflow-y: scroll;」でスクロールさせる #sp_gnav_list{ position: fixed; overflow-y: scroll; z-index: 99; top:0; width:100%; height:100%; <---heightを指定します background-color:#f00; } ナビ要素であるsp_gnav_listを「position:fix」で最