Jquery Scroll the event to $ (window), find the position difference

Question

I use:

$(window).scroll(function(e){
.....
});

How can I find out the number of pixels (and direction, if the absolute number) that were scrolled?

Thanx

Answer 1

Use scrollTop to determine what you are looking for.

Answer 2

Here is one way:

jQuery(function($) {
    var lastScroll = document.body.scrollTop;
    $(window).scroll(function(e) {
        var newScroll = document.body.scrollTop;
        console.log(newScroll - lastScroll);
        lastScroll = newScroll;
    });
});

Answer 3

Firefox 19 ( : 2013).

var lastScroll = document.body.scrollTop;

, -, jQuery:

var lastScroll = $(document).scrollTop();

:

$(function(){
    var lastScroll = $(document).scrollTop();
    $(window).scroll(function(e) {
        var newScroll = $(document).scrollTop();
        console.log(newScroll - lastScroll);
        lastScroll = newScroll;
    });
});

!

Answer 4

:

$('selector').bind('scroll', function(e){
    e.currentTarget.scrollTop; // .scrollLeft ...
});