Aktivieren/Deaktivieren DOMMouseScroll Mausrad

Question

Ich versuche, die gleichen scrollenden Übergänge wie auf http://www.hugeinc.com zwischen dem letzten Projektabschnitt und dem #main (last) Element zu bekommen.

Heres, was ich bisher getan haben: http://codepen.io/lorenzwoehr/pen/bpYzYB

Diese Funktion blättert zum nächsten Abschnitt:

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

Das Problem

Dies verhindert, dass "normale" Scrollen auf das Element #main:

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

Wie kann ich das Scrollen aktivieren, wenn das Element #main "verschoben" wird?

Answer 1

Sie Rückkehr false in Ihrer Funktion elementScroll in Zeile 40. Daher wird es nicht scrollen. Sie müssen true zurückgeben, um scrollen zu können.

Als Lösung möchten Sie vielleicht überprüfen, welches Element in Ihrem Bildlaufereignis angesprochen wird. Zum Beispiel so: return e.target.id != 'project-2'; Dann propagiert es nur das Bildlaufereignis, wenn Ihr Zielelement nicht das Element mit der ID ist: project-2 das ist Ihre Folie.

Siehe die bearbeitete codepen