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

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

Answer 1

校验

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

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

查看工作演示

Answer 2

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