divの全体が表示可能かどうかを確認する

Question

divが完全に表示されているかどうかを確認する方法はありますか？スクロールバーが配置されていて、divの全体がビューポートに収まるようになっています。

Answer 1

これは、これがために作成されたまさにです： http://www.appelsiini.net/projects/viewport

Answer 2

あなたが問題のスクロールバーとのdivのための位置を確認し、scrollイベントハンドラでそれらを比較する必要があります。

$(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/