È possibile trovare la distanza dallo stato di scorrimento inferiore a quello corrente in jquery

Question

Supponiamo di aver fatto scorrere verso il basso fino a metà di una pagina Web.

E 'possibile trovare la distanza, in lunghezza o in pixel, dal fondo?

Come quando la barra di scorrimento raggiunge il fondo, ma è 0 ma se 500px dal basso, allora ho bisogno del valore 500px.

Answer 1

Non è così preciso, ma funziona:

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

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

Answer 2

provare anche questo: risposta

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

Answer 3

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

Answer 4

Tweak di rkleine. Ho scoperto che era in realtà, questo:

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

cioè $ (window) per l'altezza non $ ('body')

Answer 5

Ecco il codice in JS vaniglia:

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

Answer 6

I dovuto modificare ulteriormente le risposte precedenti per farlo funzionare:

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

solo per andare verso il basso:

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

Ciò ottiene la distanza dalla parte inferiore del documento alla parte superiore della finestra. Dal altezza della finestra varierà, sottrarre l'altezza della finestra corrente per ottenere l'offset dal basso

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

Ora bottomToWinBottom = distFromBottom = 0 quando l'utente viene fatta scorrere fino in fondo alla pagina e come essi scorrere verso l'alto, il suo valore è la distanza sotto la finestra che rappresenta un buon indicatore del posizionamento verticale.