質問編集履歴
4
文書の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -722,9 +722,9 @@
|
|
|
722
722
|
|
|
723
723
|
var scrollpos;
|
|
724
724
|
|
|
725
|
-
$(".hamburger").click
|
|
725
|
+
$(".hamburger").on("click", function () {
|
|
726
|
-
|
|
726
|
+
|
|
727
|
-
$(this).toggleClass("
|
|
727
|
+
$("this").toggleClass("open");
|
|
728
728
|
|
|
729
729
|
if (state == false) {
|
|
730
730
|
|
3
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -722,9 +722,9 @@
|
|
|
722
722
|
|
|
723
723
|
var scrollpos;
|
|
724
724
|
|
|
725
|
-
$(".hamburger").
|
|
725
|
+
$(".hamburger").click(function () {
|
|
726
|
-
|
|
726
|
+
|
|
727
|
-
$(
|
|
727
|
+
$(this).toggleClass("active");
|
|
728
728
|
|
|
729
729
|
if (state == false) {
|
|
730
730
|
|
2
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -704,20 +704,50 @@
|
|
|
704
704
|
|
|
705
705
|
$(".globalMenuSp").addClass("active");
|
|
706
706
|
|
|
707
|
-
$("body").addClass("is-fixed");
|
|
708
|
-
|
|
709
707
|
} else {
|
|
710
708
|
|
|
711
709
|
$(".globalMenuSp").removeClass("active");
|
|
712
710
|
|
|
713
|
-
$("body").addClass("is-fixed");
|
|
714
|
-
|
|
715
711
|
}
|
|
716
712
|
|
|
717
713
|
});
|
|
718
714
|
|
|
719
715
|
});
|
|
720
716
|
|
|
717
|
+
|
|
718
|
+
|
|
719
|
+
$(function () {
|
|
720
|
+
|
|
721
|
+
var state = false;
|
|
722
|
+
|
|
723
|
+
var scrollpos;
|
|
724
|
+
|
|
725
|
+
$(".hamburger").on("click", function () {
|
|
726
|
+
|
|
727
|
+
$("ul").toggleClass("active");
|
|
728
|
+
|
|
729
|
+
if (state == false) {
|
|
730
|
+
|
|
731
|
+
scrollpos = $(window).scrollTop();
|
|
732
|
+
|
|
733
|
+
$("body").addClass("is-fixed").css({ top: -scrollpos });
|
|
734
|
+
|
|
735
|
+
state = true;
|
|
736
|
+
|
|
737
|
+
} else {
|
|
738
|
+
|
|
739
|
+
$("body").removeClass("is-fixed").css({ top: 0 });
|
|
740
|
+
|
|
741
|
+
window.scrollTo(0, scrollpos);
|
|
742
|
+
|
|
743
|
+
state = false;
|
|
744
|
+
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
});
|
|
748
|
+
|
|
749
|
+
});
|
|
750
|
+
|
|
721
751
|
```
|
|
722
752
|
|
|
723
753
|
|
1
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -694,29 +694,23 @@
|
|
|
694
694
|
|
|
695
695
|
$(function () {
|
|
696
696
|
|
|
697
|
-
var state = false;
|
|
698
|
-
|
|
699
|
-
var scrollpos;
|
|
700
|
-
|
|
701
|
-
$(".hamburger").
|
|
697
|
+
$(".hamburger").click(function () {
|
|
698
|
+
|
|
702
|
-
|
|
699
|
+
$(this).toggleClass("active");
|
|
700
|
+
|
|
701
|
+
|
|
702
|
+
|
|
703
|
+
if ($(this).hasClass("active")) {
|
|
704
|
+
|
|
705
|
+
$(".globalMenuSp").addClass("active");
|
|
706
|
+
|
|
703
|
-
$("
|
|
707
|
+
$("body").addClass("is-fixed");
|
|
704
|
-
|
|
705
|
-
if (state == false) {
|
|
706
|
-
|
|
707
|
-
scrollpos = $(window).scrollTop();
|
|
708
|
-
|
|
709
|
-
$("body").addClass("is-fixed").css({ top: -scrollpos });
|
|
710
|
-
|
|
711
|
-
state = true;
|
|
712
708
|
|
|
713
709
|
} else {
|
|
714
710
|
|
|
711
|
+
$(".globalMenuSp").removeClass("active");
|
|
712
|
+
|
|
715
|
-
$("body").
|
|
713
|
+
$("body").addClass("is-fixed");
|
|
716
|
-
|
|
717
|
-
window.scrollTo(0, scrollpos);
|
|
718
|
-
|
|
719
|
-
state = false;
|
|
720
714
|
|
|
721
715
|
}
|
|
722
716
|
|
|
@@ -739,3 +733,13 @@
|
|
|
739
733
|
しかし「height: 100%」が効かず、やはりスクロールができませんでした。
|
|
740
734
|
|
|
741
735
|
heightの高さを指定すると効くようになりますが、ドロワー部分が崩れてしまいます。
|
|
736
|
+
|
|
737
|
+
|
|
738
|
+
|
|
739
|
+
javascriptでコードの記入漏れと誤りがありました。
|
|
740
|
+
|
|
741
|
+
「class hamburger」をクリックするとトグルが変形し
|
|
742
|
+
|
|
743
|
+
アクティブになれば「class globalMenuSp」に対して「class active」を付与し、ドロワーメニューの開閉
|
|
744
|
+
|
|
745
|
+
同時に「body」に対して「class is-fixed」を付与し、背景が固定されるようにしています。
|