जांचें कि पूरे div उपयोगकर्ता के लिए देखने योग्य है

Question

क्या यह जांचने का कोई तरीका है कि div उपयोगकर्ता के लिए पूरी तरह से दृश्यमान है या नहीं? मेरा मतलब है कि स्क्रॉल बार स्थित है ताकि पूरे div व्यूपोर्ट के अंदर फिट बैठे।

Answer 1

यह ठीक है कि इस के लिए बनाया गया था:

$(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/: http://www.appelsiini.net/projects/viewport

Answer 2

आप स्क्रॉलबार और प्रश्न में div के लिए पदों की जाँच करने, और उन्हें scroll ईवेंट हैंडलर में तुलना की जरूरत है