Czy jest możliwe znalezienie odległości od dołu do bieżącego stanu przewijania w jquery

Question

Przypuśćmy, że przewijaliśmy w dół do połowy strony internetowej.

Czy z dna można znaleźć odległość, długość lub piksele?

Podobnie jak w przypadku, gdy pasek przewijania uderza w dno, a następnie w 0, ale jeśli jest 500px od dołu, potrzebuję tej wartości o wartości 500px.

Answer 1

To nie jest tak precyzyjny, ale działa:

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

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

Answer 2

spróbować także tego: odpowiedź

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

Answer 3

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

Answer 4

szczypanie rkleine użytkownika. Uważam, że to było rzeczywiście, to:

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

czyli $ (okno) na wysokość nie $ ('ciała')

Answer 5

Oto kod w waniliowym JS:

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

Answer 6

I miał do dalszego dostrojenia wcześniejsze odpowiedzi, aby to działało:

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

Wystarczy go rozkładać:

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

Umożliwia uzyskanie odległości od dolnej krawędzi dokumentu do górnej części okna. Ponieważ wysokość okna będą się różnić, odejmowanie bieżącej wysokości okna, aby uzyskać przesunięcie od dolnej

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

Teraz bottomToWinBottom = distFromBottom = 0 gdy użytkownik przewija się całkowicie na dół strony i jak oni przewijać w górę, to wartość jest odległością poniżej okna co stanowi dobry wskaźnik pionowego pozycjonowania.