W jaki sposób można użyć jQuery zmierzyć, jak daleko przewinął użytkownik?

Question

Potrzebuję zmienić styl elementu po przewinięciu użytkownika poza określoną liczbę pikseli, a następnie zmienić go z powrotem, gdy użytkownik przewinie kopię zapasową. Używam już jQuery, więc jeśli to możliwe, chciałbym użyć jQuery. Czy każdy może podać przykład dodania nazwy klasy do elementu div, gdy użytkownik przewinie poza 200 pikseli, a następnie usunie nazwę klasy po przewinięciu przez użytkownika z powrotem do mniej niż 200 pikseli?

Answer 1

Zobacz scrollTop, scrollLeft i Events/Scroll.

Przykład:

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

Answer 2

To nie działa, ponieważ telefony komórkowe nie akceptują .scrollTop(), ponieważ zamiast użyć rzutnię. Tak więc .scrollTop() zawsze będzie mieć wartość 0 na telefonach komórkowych. Nadal szukam odpowiedniego rozwiązania, ale go nie znalazłem.