Có thể tìm khoảng cách từ dưới lên đến trạng thái cuộn hiện tại trong jquery

Question

Giả sử đã cuộn xuống giữa trang web.

Có thể tìm khoảng cách, chiều dài hoặc pixel, từ dưới cùng không?

Giống như khi thanh cuộn chạm vào đáy thì 0 của nó nhưng nếu nó cách 500px từ dưới cùng thì tôi cần giá trị 500px.

Answer 1

Nó không phải chính xác như vậy nhưng hoạt động:

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

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

Answer 2

Cũng thử này: Câu trả lời

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

Answer 3

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

Answer 4

Tweaking rkleine của. Tôi thấy nó đã thực sự, điều này:

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

tức là $ (window) cho chiều cao không $ ('body')

Answer 5

Đây là mã trong vani JS:

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

Answer 6

tôi đã để tinh chỉnh thêm câu trả lời trước để làm cho nó làm việc:

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

Chỉ cần để phá vỡ nó xuống:

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

Điều này nhận khoảng cách từ cuối tài liệu lên đầu cửa sổ. Kể từ chiều cao cửa sổ sẽ thay đổi, trừ đi chiều cao cửa sổ hiện tại để có được bù đắp từ đáy

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

Bây giờ bottomToWinBottom = distFromBottom = 0 khi người dùng được cuộn hoàn toàn xuống trang và khi họ di chuyển lên, giá trị của nó là khoảng cách dưới cửa sổ làm cho một chỉ báo tốt về vị trí thẳng đứng.