回答編集履歴

1

クリックに反応する原因を特定

2020/08/23 12:07

投稿

Daregada
Daregada

スコア11990

test CHANGED
@@ -2,11 +2,35 @@
2
2
 
3
3
 
4
4
 
5
+ 失礼、以前反応しないと書きましたが、ハンバーガーボタンが表示される状態にしてからクリックしたら反応しました。
6
+
5
- WindowsのChromeやEdge、Firefoxでは再現しませんしたつまり、ハンバーガーメニューを開いたときだけメニューが反応、閉じている(opacity0になってい)状態はホバーどの反応もしません
7
+ 原因ですが、**opacityを0にして透明になっていても、onclickイベントを拾ってしまうため**同時にvisibilityもhiddenに変更してくださ。表示すさいには、opacityを100だけでなく、visibilityvisibleに変更てください
6
8
 
7
9
 
8
10
 
11
+ ```CSS
12
+
13
+ nav.globalMenuSp {
14
+
15
+ (略)
16
+
17
+ visibility: hidden;
18
+
19
+ }
20
+
21
+
22
+
9
- 動作を確認しているOSやブラウザーを明記してください。
23
+ nav.globalMenuSp.active {
24
+
25
+ opacity: 100;
26
+
27
+ visibility: visible;
28
+
29
+ }
30
+
31
+ ```
32
+
33
+
10
34
 
11
35
 
12
36