質問: ### 前提・実現したいこと webデザイナー初心者です。 PCではなく**スマホ時**の問題です。 ### 発生している問題・エラーメッセージ ``` http://www.thecoffeeshop.jp/ こちらのサイトの左上のハンバガーメニュー(っていうんですかね?)を開いたときに 「MAGAZINE」を選択後のメニューが多く下の方までスクロールしたいのですが、メニュー部分がスクロールできなくて困っています。 ``` ### 試したこと 検索して position: fixed;、overflow: auto;など試しましたがうまくいきませんでした。 ### 補足情報(言語/FW/ツール等のバージョンなど) よろしくお願いいたします。 --- 2017.07.19追記 ひとまず ↓で対応しておりました。 ``` #header .item .item_sub { display: none; overflow-y: auto; //←追加 max-height: 280px; //←追加 } ``` が、 http://www.thecoffeeshop.jp/fs/thecoffeeshop/beans/00172 上記の「http://www.thecoffeeshop.jp/fs/〜」のページでまだ問題(スクロールされない)が解決できていない状態です。 引き続き、わかりましたらよろしくお願いいたします。
回答: ``` #header{ // position: fixed; position: absolute; } #ls_header{ // position: fixed; position: absolute; } ``` というふうにすると画面全体のスクロールは可能です。 画面は崩れてしまいますが、おそらく他の部分で影響がでています。 画面全体をスクロールするのではなく、黒い部分は固定で中身だけスクロールしたい場合は、スクロールしたい部分の高さをjsで計算し、`overflow-y: scroll`を指定することで可能です!