質問編集履歴
1
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
メニューボタンをクリックしたらhamburgerクラスが開いてその時はスクロール固定にしたいです。
|
|
2
2
|
|
|
3
3
|
hamburgerクラスが閉じたらスクロール可能にしたいです。
|
|
4
|
+
|
|
5
|
+
クリックしたらbody固定できるのですが、hamburgerを閉じても固定になっています
|
|
4
6
|
|
|
5
7
|
```php
|
|
6
8
|
|
|
@@ -118,7 +120,41 @@
|
|
|
118
120
|
|
|
119
121
|
$('.header-right-inner').toggle();
|
|
120
122
|
|
|
123
|
+
$('body').addClass('fixed');
|
|
124
|
+
|
|
121
|
-
|
|
125
|
+
});
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
https://dezanari.com/jquery-modal/の記事を参考に以下のコードに書き換えてみましたが、hamburgerを閉じても
|
|
130
|
+
|
|
131
|
+
bodyが固定のままです
|
|
132
|
+
|
|
133
|
+
jQuery(function () {
|
|
134
|
+
|
|
135
|
+
$('.menu-btn').click(function () {
|
|
136
|
+
|
|
137
|
+
$('.hamburger').toggle();
|
|
138
|
+
|
|
139
|
+
$('.header-right-inner').toggle();
|
|
140
|
+
|
|
141
|
+
$('body').addClass('fixed');
|
|
142
|
+
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
$('menu-btn').click(function() {
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
$('body').removeClass('fixed');//背景固定を解除
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
return false;//<a>を無効化
|
|
154
|
+
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
});
|
|
122
158
|
|
|
123
159
|
});
|
|
124
160
|
|