Trigger chaque scroll 500px l'intérieur d'un conteneur spécifique

Question

Je suis en train de reproduire ce comportement de ce site: https://www.wealthsimple.com/en-ca/

a-t vous pouvez voir, je veux la même navigation paragraphe sur un défilement lorsque les paragraphes sont fondus d'entrée/fondu sur le rouleau.

Le conteneur de ces paragraphes semble être épinglé, à chaque chaque xxx pixels de défilement, ils commutent classe pour être montré ou non.

Une idée quelle direction je dois prendre?

Je suis actuellement en utilisant scrollmagic pour épingler mon conteneur mais je ne sais pas comment déclencher chaque 500px de défilement de l'utilisateur.

Answer 1

$(window).scroll(function (event) { 
    var scroll = $(window).scrollTop(); 
    if(scroll>500) 
     alert("do somethg"); 
    if(scroll%500==0) 
     alert("do somethg every 500 scroll") 
});