rarala2020
@rarala2020 (ら らら)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

ヘッダーをposition:fixedで固定してz-indexを指定した時、ヘッダーのクリックイベントが効かない

Q&A

Closed

ヘッダーをposition:fixedで固定してz-indexを指定してコンテンツに重なるようにしているのですが
ヘッダーに指定しているjQueryクリックイベントやリンクが効かず、裏側にあるコンテンツ側をのクリックイベントが発火してしまいます。

ヘッダーが重なったときのコンテンツ部分のクリックイベントは無効化し、
ヘッダーのリンクや、jQueryで指定しているクリックイベントを発火させるにはどうしたらよいでしょうか。

pointer-events: none; などは指定していません。
スクロールすることで表示固定のためのclassを追加しているのですが、スクロール前のヘッダーは正常にリンクやクリックイベントが動作します。

0

1Answer

ソース見ないとわからんけど
clickイベントにフックされているメソッドでfalseを返してみて

$(問題の箇所).click(function() {
    なんかの処理
    return false;
});
0Like

Comments

  1. @rarala2020

    Questioner

    ありがとうございます!試してみますmm

Your answer might help someone💌