2010-01-07 17 views
32

Tarayıcı penceresinde kaydırılan piksel sayısını nasıl algılayabilirim? Dinamik olarak% 100 yükseklik div yüksekliğini ayarlamak için buna ihtiyacım var ...Üst janta kaydırılan mesafe algılaması

jQuery kullanıyorum.

DÜZENLEME: Sadece scrollTop() kullanamıyorum çünkü taşma ayarlı otomatik% 100 yükseklik div ile çalışıyorum. Buna tek şey kaydırma% 100 x100% div nedeni Firefox

cevap

7

Pekala adamlar:

$("div#container").scroll(function() { 
     var screenheight = parseInt($(document).height()); 
     var scrolledpx = parseInt($("div#container").scrollTop());  
     var sum = screenheight+scrolledpx; 
     console.log($("div#container").scrollTop()); 
     console.log("screen: " + screenheight); 
     console.log("sum=" + sum); 
     $("div.content").height(sum); 
}) 
71

kullanım $(document).scrollTop() ... kaydırma tarayıcısını algılamaz: buldum,

$(document).scroll(function() { 
    console.log($(document).scrollTop()); 
}) 
+0

Yardımlarınız için teşekkürler, ancak konsolumda hiçbir şey alamıyorum. Firefox 3.5.7 kullanıyorum. Safari ve – Jorre

+1

etkinliğine yanıt vermiyor gibi görünüyor, bu olay tetikleniyor, firefox veya IE – Jorre

+0

burada iyi çalışıyor: http://jsbin.com/icawo3 – David

3

Gezdiğiniz sayfanın ne kadar aşağıda olduğunu öğrenmek için scrollTop() öğesini kullanabilirsiniz.