Jak wykrywać poziome przewijanie w jQuery?

Question

Jak wykrywać przewijanie w poziomie za pomocą jQuery?

ten dostanie wszystkie zwoje:

$(window).scroll(function() { 
    alert('in'); 
}); 

chcę tylko jedną poziomą.

Answer 1

To wydaje się działać.

var lastScrollLeft = 0; 
$(window).scroll(function() { 
    var documentScrollLeft = $(document).scrollLeft(); 
    if (lastScrollLeft != documentScrollLeft) { 
     console.log('scroll x'); 
     lastScrollLeft = documentScrollLeft; 
    } 
}); 

jsFiddle.

Answer 2

aktualizacji, która pokazuje kierunek w lewo lub w prawo w poziomego przewijania opartego na kodzie powyżej:

var lastPos = 0; 
$(window).scroll(function() { 
    var currPos = $(document).scrollLeft(); 

    if (lastPos < currPos) { 
     console.log('scroll right'); 
    } 
    if (lastPos > currPos) 
    { 
     console.log('scroll left'); 
    } 

    lastPos = currPos; 
}); 

przetestować go na http://jsfiddle.net/EsPk7/7/

Answer 3

dunderwood za jsFiddle odnośnik faktycznie nie zawierają jego kod. Mam rozwidlony jego jsFiddle co mieszaniną co on pisał tutaj i co jest na jsFiddle:

var lastPos = 0; 
$(window).scroll(function() { 
    var currPos = $(document).scrollLeft(); 

    if (lastPos < currPos) { 
     $('#current').html('Right'); 
    } 
    if (lastPos > currPos) { 
     $('#current').html('Left'); 
    } 

    lastPos = currPos; 
}); 

http://jsfiddle.net/kuVK8/