您如何使用 jQuery 测量用户向下滚动的距离？

【问题标题】：How can you use jQuery measure how far down the user has scrolled?您如何使用 jQuery 测量用户向下滚动的距离？
【发布时间】：2010-11-19 23:05:12
【问题描述】：

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

【问题讨论】：

标签： jquery css

【解决方案1】：

请参阅scrollTop、scrollLeft 和 Events/Scroll。

例子：

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

【讨论】：

【解决方案2】：

这不起作用，因为手机不接受 .scrollTop()，因为它们使用视口。因此 .scrollTop() 在手机上将始终为 0。仍在寻找正确的解决方案，但还没有找到。

【讨论】：