Come si può usare jQuery per misurare fino a che punto l'utente scorre?

Question

Ho bisogno di cambiare lo stile di un elemento dopo che l'utente ha fatto scorrere verso il basso oltre un certo numero di pixel, e poi lo cambia indietro una volta che l'utente ha fatto il backup. Sto usando jQuery già così mi piacerebbe usare jQuery se possibile. Qualcuno può fornire un esempio in cui si aggiunge un nome di classe a un div dopo che l'utente ha scostato oltre 200 pixel e quindi rimuovere il nome della classe una volta che l'utente ha fatto scorrere indietro fino a meno di 200 pixel?

Answer 1

Vedere scrollTop, scrollLeft e Events/Scroll.

Esempio:

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

Answer 2

Questo non funziona, perché i telefoni cellulari non accettano .scrollTop() in quanto utilizzano una finestra, invece. Quindi .scrollTop() sarà sempre 0 sui telefoni cellulari. Sto ancora cercando la soluzione giusta per questo, ma non ne ho trovato uno.