如何使用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'); 
    } 
}); 

Answer 2

這是行不通的，因爲手機不接受.scrollTop（），因爲它們使用的視口來代替。因此.scrollTop（）在手機上始終爲0。仍然在尋找正確的解決方案，但還沒有找到。