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

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

Answer 1

请参见scrollTop ， scrollLeft和Events/Scroll 。

例：

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

Answer 2

这不起作用，因为移动电话不接受.scrollTop（），因为它们使用视口。 因此.scrollTop（）在手机上总是为0。 仍在寻找合适的解决方案，但尚未找到。