觸發特定的容器內的每一個500px的滾動

Question

我試圖從本網站複製此行爲：https://www.wealthsimple.com/en-ca/

已經可以看到，我想在一個滾動的同款導航在段落淡入/淡出滾動。

這些段落的容器似乎是固定的，在滾動的每個xxx像素處，它們都會切換類別以顯示或不顯示。

任何想法我需要採取什麼方向？

我目前使用scrollmagic來固定我的容器，但我不知道如何觸發每個500px的用戶滾動。

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") 
});