jqueryのイベントバブリングについて質問PCにて横から出てくるスライドナビ的なものを設置したとして、スライドナビでた時に、スライドナビの「上で」マウスでスクロールした時だけ、背面のコンテンツは、スクロールさせない。という事をしたいのですが、以下の記述ではダメでした。$("header nav").on("scroll", function(event){ event.stopPropagation();});
根本的に間違っている?アドバイスいただけませんでしょうか?
ちなみに、出てくるナビゲーションは、fixedで固定されています。よろしくお願いします。
開いた時に、CSSでhtml { height:100%; overflow:hidden}にすればいいんじゃない?あと、それバブリング関係ないわ。
スクロールイベントがバブリングしてるのかと思ってましたが。違うのか。。?
ただ、ナビ開いた時ではダメで、ナビ以外の部分でのスクロールは効いてほしいのです。
なんとなく言いたいことは分かったかも。メインコンテンツとスライドナビの2カラムがそれぞれきちんと独立してスクロールできるようにしたいってことでしょうか。fixedで固定したスライドナビにoverflow:scrollしてますか?
そうなんです。スライドナビはoverflow:scrollにしています。ナビの上でスクロールすると、ナビも、背面のコンテンツも両方スクロールしてしまう。という感じなのです。
実は別の方法で(ナビ上にマウスオーバー時にbodyをFIXマウスアウトで、FIX解除)解決したのですが、この現象は、ナビ上でのスクロールイベントが、親要素のコンテンツでもバブリングしているのかと思っていたのですが、違うんでしょうか?
みんなの回答 2 件
ちなみに、出てくるナビゲーションは、fixedで固定されています。
よろしくお願いします。
実は別の方法で(ナビ上にマウスオーバー時にbodyをFIXマウスアウトで、FIX解除)解決したのですが、この現象は、ナビ上でのスクロールイベントが、親要素のコンテンツでもバブリングしているのかと思っていたのですが、違うんでしょうか?
関連するトピックス