jquery - 如何使用 jQuery 测量用户向下滚动了多远？

Question

我需要在用户向下滚动超过一定数量的像素后更改元素的样式，然后在用户向上滚动后将其更改回原来的样式。我已经在使用 jQuery，所以我想尽可能使用 jQuery。任何人都可以提供一个示例，在用户滚动超过 200 像素后将类名添加到 div，然后在用户滚动回小于 200 像素后删除类名吗？

Answer 1

参见 scrollTop , scrollLeft和 Events/Scroll .

例子:

$('div#something').scroll(function () {
    if ($(this).scrollTop() > 200) {
        $(this).addClass('foo');
    } else {
        $(this).removeClass('foo');
    }
});