Dado un div en una página. cómo detectar cuándo el div se desplaza a la posición en la que se encuentra en la parte inferior de la ventana del navegador ... ¿está alineado con la parte inferior de la ventana del navegador? Métodojquery - detectar si la parte inferior de la div está tocando la parte inferior de la ventana del navegador?
Comprobar
if (($("#yourdiv").offset().top + $("#yourdiv").height()) >= $(window).height()) {
}
El .offset() nos permite recuperar la posición actual de un elemento con respecto al documento. Contraste esto con .position(), que recupera la posición actual relativa al padre de desplazamiento.
Ver un working demo
interesante, pero eso siempre es cierto por alguna razón – AnApprentice
Intenté depurar esto, los valores nunca cambian: console.log (\t ($ (". Discussion-box"). Offset(). Top + $ (". Discussion- box "). height()) + '' + $ (ventana) .height()); – AnApprentice
siempre 1553 861 – AnApprentice
no creo que la respuesta anterior funcionaría, ya que compensado(). Superior es el espacio entre el div y la parte superior del documento, y no es variable. Esto funcionó para mí:
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
}
¿Puedes publicar tu código html o un enlace donde podamos ver el problema? – rahul