質問編集履歴
1
質問に追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -138,4 +138,23 @@
|
|
|
138
138
|
overflow-y:scroll;となっているのでスクロールするはずなのですが、固定されてしまいます。
|
|
139
139
|
|
|
140
140
|
### 補足情報（FW/ツールのバージョンなど）
|
|
141
|
-
どなたかわかる方いらっしゃいましたら、教えてください。よろしくお願いいたします。
|
|
141
|
+
どなたかわかる方いらっしゃいましたら、教えてください。よろしくお願いいたします。
|
|
142
|
+
追記します。
|
|
143
|
+
上記cssコード以外のところで、
|
|
144
|
+
```css
|
|
145
|
+
.scroll-prevent {
|
|
146
|
+
/*動き固定*/
|
|
147
|
+
position: fixed;
|
|
148
|
+
/*奥行きを管理*/
|
|
149
|
+
z-index: -1;
|
|
150
|
+
/*下2つで背景を元のサイズのまま表示することができる*/
|
|
151
|
+
width: 100%;
|
|
152
|
+
height: 100%;
|
|
153
|
+
}
|
|
154
|
+
```
|
|
155
|
+
としています。ハンバーガーメニューのボタンをクリックするとhtmlタグにこのscroll-preventをjsでクラスがつくようになっています。ハンバーガーメニューを開いたときに背景のコンテンツ部分がスクロールされないようにするためです。
|
|
156
|
+
|
|
157
|
+
html要素全体がスクロールできなくなるので、ハンバーガーメニュー自体もスクロールできないのでしょうか。
|
|
158
|
+
だとしたら、背景をスクロールさせずにハンバーガーメニューだけスクロールできるようにするにはどうしたらよいでしょうか。
|
|
159
|
+
|
|
160
|
+
わかる方いらっしゃったらよろしくお願い致します。
|