¿Es posible encontrar la distancia desde el fondo al estado de desplazamiento actual en jquery

Question

Supongamos que se ha desplazado hacia abajo en el medio de una página web.

¿Es posible encontrar la distancia, en longitud o píxeles, desde la parte inferior?

Al igual que cuando la barra de desplazamiento toca la parte inferior, entonces es 0, pero si es 500px desde la parte inferior, entonces necesito ese 500px valor.

Answer 1

No es tan preciso, pero funciona:

var scrollPosition = window.pageYOffset; 
var windowSize  = window.innerHeight; 
var bodyHeight  = document.body.offsetHeight; 

alert(Math.max(bodyHeight - (scrollPosition + windowSize), 0)); 

Answer 2

También intente esto: Respuesta

$(document).height() - ($('body').height() + $('body').scrollTop()) 

Answer 3

var distanceFromBottom = $(document).height() - $(window).height() - $(document).scrollTop(); 

Answer 4

Tweaking de rkleine. Me pareció que era en realidad, esto:

$(document).height() - ($(window).height() + $('body').scrollTop()) 

es decir, $ (ventana) de la altura no $ ('cuerpo')

Answer 5

Aquí está el código de JS vainilla:

var distanceFromBottom = document.body.scrollHeight - window.innerHeight - window.scrollY 

Answer 6

I había que ajustar aún más las respuestas anteriores para hacer que funcione:

distFromBottom = $(document).height() - $(window).scrollTop() - $(window).height(); 

Sólo para descomponerlo:

let bottomToWinTop = $(document).height() - $(window).scrollTop(); 

Esto toma la distancia desde la parte inferior del documento hasta la parte superior de la ventana. Desde altura de la ventana variará, restar la altura de la ventana actual para obtener el desplazamiento desde la parte inferior

let bottomToWinBottom = bottomToWinTop - $(window).height(); 

Ahora bottomToWinBottom = distFromBottom = 0 cuando el usuario se desplaza por completo por la página y ya que desplazarse hacia arriba, su valor es la distancia por debajo de la ventana lo que lo convierte en un buen indicador del posicionamiento vertical.