質問編集履歴
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
メニューボタンをクリックしたらhamburgerクラスが開いてその時はスクロール固定にしたいです。
|
|
2
2
|
hamburgerクラスが閉じたらスクロール可能にしたいです。
|
|
3
|
+
クリックしたらbody固定できるのですが、hamburgerを閉じても固定になっています
|
|
3
4
|
```php
|
|
4
5
|
---index.php---
|
|
5
6
|
<div class="hamburger">
|
|
@@ -58,6 +59,23 @@
|
|
|
58
59
|
$('.menu-btn').click(function () {
|
|
59
60
|
$('.hamburger').toggle();
|
|
60
61
|
$('.header-right-inner').toggle();
|
|
62
|
+
$('body').addClass('fixed');
|
|
61
|
-
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
https://dezanari.com/jquery-modal/の記事を参考に以下のコードに書き換えてみましたが、hamburgerを閉じても
|
|
66
|
+
bodyが固定のままです
|
|
67
|
+
jQuery(function () {
|
|
68
|
+
$('.menu-btn').click(function () {
|
|
69
|
+
$('.hamburger').toggle();
|
|
70
|
+
$('.header-right-inner').toggle();
|
|
71
|
+
$('body').addClass('fixed');
|
|
72
|
+
});
|
|
73
|
+
$('menu-btn').click(function() {
|
|
74
|
+
|
|
75
|
+
$('body').removeClass('fixed');//背景固定を解除
|
|
76
|
+
|
|
77
|
+
return false;//<a>を無効化
|
|
78
|
+
});
|
|
62
79
|
});
|
|
80
|
+
});
|
|
63
81
|
```
|