jquery - 检测div的底部是否触及浏览器窗口的底部？

Question

给出页面上的div。如何检测div何时滚动到浏览器窗口底部的位置...与浏览器窗口的底部齐平？

Answer 1

我不认为上面的答案会起作用，因为offset（）。top是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
}

Answer 2

检查

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

.offset（）方法允许我们检索元素相对于文档的当前位置。将此与.position（）进行对比，该位置检索相对于偏移父项的当前位置。

查看working demo