jquery - divの下部がブラウザウィンドウの下部に接触しているかどうかを検出しますか？

Question

ページ上のdivを指定します。 divがブラウザウィンドウの下部にある位置にスクロールしたときを検出する方法...ブラウザウィンドウの一番下に並んでいますか？

Answer 1

チェック

if (($("#yourdiv").offset().top + $("#yourdiv").height()) >= $(window).height()) { 
} 

.offset（）メソッドは、私たちは、文書に対する元素の現在位置を取得することができます。これを.position（）と比較すると、オフセット親に対する現在の位置を取得します。オフセット以来

がworking demo

Answer 2

を参照してください私が）（、上記の答えは働くだろうとは思わない。トップのdivや文書の上部との間の空間であり、変数ではありません。これは私のために働いた：

var a = $("#mydiv").offset().top; 
var b = $("#mydiv").height(); 
var c = $(window).height(); 
var d = $(window).scrollTop(); 
if ((c+d)>(a+b)) { 
    //bottom of #mydiv has just become visible 
}