触发特定容器内的每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")
});