Làm thế nào để phát hiện cuộn ngang trong jQuery?

Question

Làm cách nào để phát hiện cuộn ngang với jQuery?

này sẽ nhận được tất cả những cuộn giấy:

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

tôi muốn chỉ là một ngang.

Answer 1

Điều này dường như hoạt động.

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

jsFiddle.

Answer 2

Bản cập nhật cho thấy hướng sang trái hoặc phải trong một cuộn ngang dựa trên mã trên:

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; 
}); 

Kiểm tra nó ở liên kết jsFiddle http://jsfiddle.net/EsPk7/7/

Answer 3

dunderwood đã không thực sự chứa mã của mình. Tôi đã chia hai jsFiddle mình với những gì một hỗn hợp của những gì ông được đăng ở đây và những gì trên 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/