Jquery - обнаружение, если нижняя часть div касается нижней части окна браузера?

Предоставление div на странице. как определить, когда div прокручивается до положения, где он находится в нижней части окна браузера... заподлицо с нижней частью окна браузера?

ОТВЕТЫ

Ответ 1

Проверьте

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

Метод .offset() позволяет нам получить текущую позицию элемента относительно документа. Контрастируйте это с .position(), который извлекает текущую позицию относительно родителя смещения.

См. рабочая демонстрация

Ответ 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
}