2011-12-21 41 views
5

div kullanıcı tarafından tamamen görülebilir olup olmadığını kontrol etmenin bir yolu var mı? Kaydırma çubuğu, tüm div görünümünün görünümün içine sığacağı şekilde yerleştirildiğini kastediyorum.Tüm kullanıcı için div görüntülenebilir olup olmadığını kontrol edin

$(window).scroll(function() { 
    var top = $(window).scrollTop(); 
    var bottom = top + $(window).height(); 
    var dtop = $('#mydiv').position().top; 
    var dbottom = dtop + $('#mydiv').height(); 

    if (dtop>=top && dbottom<=bottom) { 
     alert('okay!'); 
    } 
}); 

http://jsfiddle.net/mblase75/dMwMb/: Sen kaydırma ve söz konusu div pozisyonları kontrol edin ve scroll olay işleyicisi bunları karşılaştırmak gerekir http://www.appelsiini.net/projects/viewport

cevap

8

Bu bu yaratıldı tam olarak ne

+0

Teşekkür ederim, harika görünüyor. – keepwalking

+0

Vay, bu oldukça havalı. Burada, zaten var olduğunda, bu soru için kendi başıma dönüyordum. +1 –

+0

Hmm ... Tamamen görüş alanında olup olmadığını kontrol edebilir miyim? Sadece küçük bir bölüm değil? – keepwalking

İlgili konular