質問編集履歴
1
質問に追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -279,3 +279,41 @@
|
|
|
279
279
|
### 補足情報（FW/ツールのバージョンなど）
|
|
280
280
|
|
|
281
281
|
どなたかわかる方いらっしゃいましたら、教えてください。よろしくお願いいたします。
|
|
282
|
+
|
|
283
|
+
追記します。
|
|
284
|
+
|
|
285
|
+
上記cssコード以外のところで、
|
|
286
|
+
|
|
287
|
+
```css
|
|
288
|
+
|
|
289
|
+
.scroll-prevent {
|
|
290
|
+
|
|
291
|
+
/*動き固定*/
|
|
292
|
+
|
|
293
|
+
position: fixed;
|
|
294
|
+
|
|
295
|
+
/*奥行きを管理*/
|
|
296
|
+
|
|
297
|
+
z-index: -1;
|
|
298
|
+
|
|
299
|
+
/*下2つで背景を元のサイズのまま表示することができる*/
|
|
300
|
+
|
|
301
|
+
width: 100%;
|
|
302
|
+
|
|
303
|
+
height: 100%;
|
|
304
|
+
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
```
|
|
308
|
+
|
|
309
|
+
としています。ハンバーガーメニューのボタンをクリックするとhtmlタグにこのscroll-preventをjsでクラスがつくようになっています。ハンバーガーメニューを開いたときに背景のコンテンツ部分がスクロールされないようにするためです。
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
|
|
313
|
+
html要素全体がスクロールできなくなるので、ハンバーガーメニュー自体もスクロールできないのでしょうか。
|
|
314
|
+
|
|
315
|
+
だとしたら、背景をスクロールさせずにハンバーガーメニューだけスクロールできるようにするにはどうしたらよいでしょうか。
|
|
316
|
+
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
わかる方いらっしゃったらよろしくお願い致します。
|