質問編集履歴
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
```ここに言語を入力
|
|
2
|
-
< HTML >
|
|
2
|
+
コード< HTML >
|
|
3
3
|
|
|
4
4
|
<header class="header">
|
|
5
5
|
<div class="header__inner">
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
</button>
|
|
19
19
|
</div>
|
|
20
20
|
</header>
|
|
21
|
+
|
|
22
|
+
``````ここに言語を入力
|
|
21
23
|
|
|
22
24
|
< css >
|
|
23
25
|
.header__hamburger {
|
|
@@ -72,7 +74,9 @@
|
|
|
72
74
|
transform: rotate(-45deg);
|
|
73
75
|
background-color: #fff;
|
|
74
76
|
}
|
|
75
|
-
|
|
77
|
+
```ここに言語を入力
|
|
78
|
+
コード
|
|
79
|
+
```
|
|
76
80
|
< javaScript >
|
|
77
81
|
// ハンバーガーメニューの開閉
|
|
78
82
|
const fix = document.documentElement;
|
|
@@ -90,6 +94,12 @@
|
|
|
90
94
|
nav.classList.remove('active');
|
|
91
95
|
}
|
|
92
96
|
});
|
|
97
|
+
link.addEventListenerAll('click', function() {
|
|
98
|
+
ham.classList.remove('active');
|
|
99
|
+
fix.classList.remove('active');
|
|
100
|
+
nav.classList.remove('active');
|
|
101
|
+
});
|
|
102
|
+
|
|
93
103
|
|
|
94
104
|
```### 前提
|
|
95
105
|
質問
|
|
@@ -114,6 +124,9 @@
|
|
|
114
124
|
```
|
|
115
125
|
|
|
116
126
|
### 試したこと
|
|
127
|
+
ページ内リンクのa タグの href 属性をクリックしたら#js-navと#js-hamburger
|
|
128
|
+
のactiveをremoveするというコードを追加してみたのですが一つ目のページ内リンク
|
|
129
|
+
には反応するようになったのですがその他の時にはリンク位置までスクロールするだけでメニューは閉じませんでした。
|
|
117
130
|
|
|
118
131
|
ここに問題に対して試したことを記載してください。
|
|
119
132
|
|