Sự kiện cuộn cửa sổ jQuery. Đối với mỗi XX pixel, hãy cuộn

Question

Tôi đang sử dụng plugin jQuery Reel tuyệt vời (http://jquery.vostrel.cz/reel) cho một dự án. Tôi muốn liên kết với sự kiện cuộn cửa sổ, vì vậy khi người dùng cuộn xuống trang, plugin sẽ tiến lên 1 khung cho biết mỗi cuộn 10px, nếu người dùng cuộn lên hoạt ảnh sẽ bị đảo ngược.

Plugin có phương pháp tôi có thể chuyển giá trị cho không có sự cố và tôi biết cách liên kết với sự kiện cuộn cửa sổ. Điều tôi đang đấu tranh là điều cuối cùng.

Làm cách nào để sử dụng jQuery/JavaScript để nói cho mỗi 10 pixel được cuộn trong bất kỳ hướng dọc nào trước 1 khung hình trong hoạt ảnh? Tôi biết tôi có thể lưu trữ các cửa sổ di chuyển trong một biến nhưng tôi không chắc chắn làm thế nào để nói mỗi khi nó chạm một bội số của 10 trước một khung.

Rất cám ơn trước.

EDIT

Nhờ sự giúp đỡ của người dùng bên dưới, tôi đã tìm ra giải pháp. Như sau:

$(window).scroll(function() 
{ 
    windowScrollCount = $(this).scrollTop(); 
    animationFrame  = Math.round(windowScrollCount/100); 
}); 

Vì vậy, ở đây tôi nhận được khoảng cách cuộn trong windowScrollCount, dịch nó vào khung hình trong animationFrame và đặt nó trở lại với .reel ("khung", animationFrame); Tôi thực sự làm điều này cho mỗi 100 khung hình như mỗi 10 là để nhanh chóng.

Answer 1

Nhờ giúp đỡ của codef0rmer và noShowP tôi làm việc ra một giải pháp. Như sau:

$(window).scroll(function() 
{ 
    windowScrollCount = $(this).scrollTop(); 
    animationFrame  = Math.round(windowScrollCount/100); 
}); 

Vì vậy, ở đây tôi nhận được khoảng cách cuộn trong windowScrollCount, dịch nó vào khung hình trong animationFrame và đặt nó trở lại với .reel ("khung", animationFrame); Tôi thực sự làm điều này cho mỗi 100 khung hình như mỗi 10 là để nhanh chóng.

Answer 2

Bạn có thể có thể có một yếu tố dính để phía trên cùng của trang của bạn,

position: fixed; top 0; trái: 0;

(ẩn nếu bạn muốn).

Và sau đó khi bạn đang di chuyển, bạn có thể theo dõi nó bù đắp:

$('element').offset().top 

Sau đó bạn có thể thấy cách xa xuống phía dưới trang bạn đã cuộn, vì vậy mỗi khi họ di chuyển xem những gì giá trị hàng đầu của nó là và các sự kiện kích hoạt một cách thích hợp?

EDIT:

Tôi đã thiết lập một JSfiddle nhỏ khi bắt đầu những gì tôi nghĩ bạn cần.

http://jsfiddle.net/qJhRz/3/

Im chỉ tính khung bạn cần phải vào và lưu trữ trong một biến. Có gì giống như những gì bạn đang tìm kiếm không?

Answer 3

Nếu tôi sai thì bạn có thể muốn điều này:

var jump = 500; // consider this is your 10px 
window.scrollHeight = 0; 
$(window).scroll(function() { 
    console.log($(this).scrollTop()); 
    var diff = $(this).scrollTop() - window.scrollHeight; 
    if (diff >= jump) { 
     window.scrollHeight = $(this).scrollTop(); 
     console.log('reload frame'); 
    } 
}); 

Demo: http://jsfiddle.net/Dyd6h/