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

Posted 2023-05-08

【中文标题】您如何使用 jQuery 测量用户向下滚动的距离？

【英文标题】：How can you use jQuery measure how far down the user has scrolled?

【发布时间】：2010-11-19 23:05:12

【问题描述】：

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

【参考方案1】：

请参阅scrollTop、scrollLeft 和 Events/Scroll。

例子：

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

【参考方案2】：

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