jQuery pencere kaydırma olayı.

Question

kaydırılan her XX piksel için bir proje için mükemmel jQuery Reel eklentisi (http://jquery.vostrel.cz/reel) kullanıyorum. Ben kaydırdığı yukarı animasyon tersine eğer eklenti diyelim 1 kare ilerleme sayfa aşağı kaydırdığı her 10px, kaydırılan böylece zaman, pencere kaydırma olayına bağlamak istiyorum.

eklentisi hiçbir sorun değerleri geçirmek yöntemleri vardır ve ben pencere kaydırma olayına bağlamak biliyorum. Benim mücadele ettiğim son şey.

nasıl jQuery/JavaScript animasyon herhangi dikey yönde ilerleme 1 çerçevedeki kaydırılan her 10 piksel için söylenecek kullanabilirim? Ben bir değişkene pencere kaydırma saklayabilirsiniz biliyorum ama 10 peşin bir kare birkaç katını vurur her zaman söylemek nasıl emin değilim.

Şimdiden çok teşekkürler. Bir çözüm çalıştı altında

DÜZENLEME

sayesinde kullanıcıların yardımcı olur. aşağıdaki gibi:

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

Yani burada ben ("çerçeve" animationFrame) animationFrame çerçevelerle çevirerek ve .reel ile geri ayarı, windowScrollCount kaydırılan mesafeyi alıyorum; Aslında her 100 kare için bunu her 10 hızlı olduğu için yapıyorum. Mümkün sayfanızın üstüne yapışkan bir eleman olabilir

Answer 1

Teşekkür ve noShowP Bir çözüm çalıştı:

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: Eğer yanılıyorsam

Answer 2

,

pozisyon: fixed; üst 0; sol: 0;

(İsterseniz gizli).

Sonra da izleyebilir kaydırma vardır onun offset:

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

Ardından bu yüzden kaydırma her zaman üst değerdir ve tetikleyici olaylar ne olduğunu görmek, size kaydırılan ne kadar ileri Sayfanın altındaki görebilirsiniz appropiately?

DÜZENLEME: Ben size gereken ne düşündüğünü bir başlamasıyla biraz JSfiddle kurdum

.

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

Im sadece üzerinde ve saklanması bir değişkende olması gerekiyor çerçeveyi hesaplanması. Aradığın gibi bir şey mi? codef0rmer ait yardım etmek http://jsfiddle.net/Dyd6h/

Answer 3

o zaman bu isteyebilirsiniz. aşağıdaki gibi:

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

Yani burada ben ("çerçeve" animationFrame) animationFrame çerçevelerle çevirerek ve .reel ile geri ayarı, windowScrollCount kaydırılan mesafeyi alıyorum; Aslında her 100 kare için bunu her 10 hızlı olduğu için yapıyorum.