How can you use jQuery measure how far down the user has scrolled?

Question

I need to change the style of an element after the user has scrolled down beyond a certain number of pixels, and then change it back once the user has scrolled back up. I\'m

Answer 1

See scrollTop, scrollLeft and Events/Scroll.

Example:

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

Answer 2

This is not working, because mobile phones do not accept .scrollTop() since they use a viewport instead. Thus .scrollTop() will always be 0 on mobile phones. Still looking for the right solution to this, but have not found one.