Có sự kiện cuộn dọc trong jQuery

Question

Tôi có một chức năng mà tôi đã ràng buộc với sự kiện scroll(), nhưng thực tế là tôi muốn hàm chỉ được kích hoạt trong trường hợp cuộn dọc (tôi cũng có một số cuộn ngang).

Tôi không thấy khả năng như vậy trong tài liệu hướng dẫn của jQuery, có thể có một mẹo để làm như vậy không?

Answer 1

Không có sự kiện cụ thể, nhưng bạn có thể kiểm tra vị trí .scrollLeft() để xem liệu nó đã di chuyển từ vị trí đã lưu trước đó chưa.

Something như thế này:

var prevLeft = 0; 
$(document).scroll(function(evt) { 
    var currentLeft = $(this).scrollLeft(); 
    if(prevLeft != currentLeft) { 
     prevLeft = currentLeft; 
     console.log("I scrolled horizontally."); 
    } 
}); 

• http://api.jquery.com/scrollLeft/

Answer 2

này nên làm việc:

var prevLeft = 0; 
$(document).scroll(function(evt) { 
    var currentLeft = $(this).scrollLeft(); 
    if(prevLeft === currentLeft) { 
     console.log("I scrolled vertically."); 
    } 
    else { 
     prevLeft = currentLeft; 
    } 
}); 

Answer 3

Bạn cũng có thể sử dụng .scrollTop để thực hiện một sự kiện cuộn tùy chỉnh thẳng đứng.

var prevTop = 0; 
$(document).scroll(function(evt) { 
    var currentTop = $(this).scrollTop(); 
    if(prevTop !== currentTop) { 
     prevTop = currentTop; 
     console.log("I scrolled vertically."); 
    } 
}); 

Jquery .scrollTop()