觸發特定容器內的每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")
});