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()进行对比,该位置检索相对于偏移父项的当前位置.

查看工作演示