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

我需要在用户向下滚动超过一定数量的像素后更改元素的样式，然后在用户向上滚动后重新更改。我已经在使用jQuery，所以如果可能的话，我想使用jQuery。有人能举一个例子，当用户滚动超过200像素时，将类名添加到div中，然后当用户滚动回到小于200像素时，将类名删除吗

请参见，和

例如：

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

---

这不起作用，因为手机不接受.scrollTop（），因为它们使用的是视口。因此，在移动电话上.scrollTop（）将始终为0。仍在寻找解决此问题的正确方法，但尚未找到