DOMMouseScrollマウスホイールを有効/無効にする

Question

最後のプロジェクトセクションと#main（last）エレメントの間に同じスクロールトランジション（http://www.hugeinc.com）を表示しようとしています。

私がこれまで何をしたか

Here's： http://codepen.io/lorenzwoehr/pen/bpYzYB

この機能をスクロール次のセクションへ：

$("body").addClass("shifted", setTimeout(function() { 
    $("body").css({"overflow":"auto"}); 
}, 600)); 

問題

これは上のスクロール "ノーマル" を防止#main要素：

$(window).on({ 
    'DOMMouseScroll mousewheel': elementScroll 
}); 

#main要素が「シフト」されているときにスクロールを有効にするにはどうすればよいですか？

Answer 1

関数elementScroll（行40）にfalseが返されます。 したがって、スクロールしません。スクロールするにはtrueを返す必要があります。

これを解決するには、スクロールイベントでどの要素がターゲットにされているかを確認したいことがあります。たとえば、次のようになります。 return e.target.id != 'project-2'; 次に、ターゲット要素がスライドであるID：project-2の要素でない場合にのみスクロールイベントが伝播します。

編集を参照してください。codepen