DOMMouseScroll fare tekerini etkinleştir/devre dışı bırak

Question

Son proje bölümü ve # son (son) öğe arasında http://www.hugeinc.com gibi aynı kaydırma geçişlerini yapmaya çalışıyorum.

Bugüne kadar yaptıklarını

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

Bu fonksiyon parşömenlerini sonraki bölüme:

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

Problem Bu engeller

"normal" kaydırma #main elementi:

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

#main öğesi "kaydırıldığında" kaydırmayı nasıl etkinleştirebilirim?

Answer 1

falseelementScroll işlevinize satır 40 içinde dönüyorsunuz. Bu nedenle, kaydırma yapmaz. Kaydırmak için doğru geri dönmeniz gerekiyor.

Buna bir çözüm olarak, kaydırma etkinliğinizde hangi öğenin hedeflendiğini kontrol etmek isteyebilirsiniz. Örneğin: return e.target.id != 'project-2'; Ardından, kaydırma öğeniz yalnızca, hedef öğeniz, kimliğiniz olan kimlik: project-2 olan öğe değilse yayılacaktır.

Düzenlenen codepen