Получить прокручивать высоту страницы

Question

Прежде всего, я хотел бы знать разницу между этими терминами:

- $(window).height() 

- $(document).height() 

- $(window).scrollTop() 

Эти термины выглядят несколько похожи на меня, и я не могу понять четкую разницу между ними. Вот мои ответы:

• $(window).height(): Дает высоту окна, которое пользователь может видеть.

• $(document).height(): Дает общую высоту документа. Это может быть больше/меньше высоты окна в зависимости от содержимого на странице.

• $(document).scrollTop(): дает вертикальное положение полосы прокрутки в окне.

Real Вопрос: Я пытаюсь реализовать отложенную загрузку любопытное дело, когда мне нужно сделать вызов на сервер, когда полоса прокрутки пересек точку 200px от нижней части страницы. Я не могу использовать приведенные выше значения, чтобы получить это.

Любая помощь будет оценена по достоинству.

Answer 1

В конце концов, я понял, что должен быть расчет после понимания этих терминов. Благодаря ответам. Я был почти прав в своих определениях.

function (isScrollable) { 
    var isUserAtBottom = ($(window).height() + $(window).scrollTop() + 200 > $(document).height()); 
    if (isUserAtBottom) { 
    // Do something (Like Ajax call to server to fetch new elements) 
    return true; 
    } 
} 

Answer 2

Окно - это область, которую вы можете видеть - как будто ваш экран является окном, и вы просматриваете документ. Документ - это весь документ - он может быть короче или намного длиннее окна.

Это математика вам нужно:

if($(document).height() - $(document).scrollTop() < 200){ 
    //Do something 
} 

Answer 3

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 
$(window).scrollTop(); //Get the current vertical position of the scroll bar for the first    element in the set of matched elements or set the vertical position of the scroll bar for every matched element. 

$(window).scrollHeight(); //Height of the scroll view of an element; it includes the element padding but not its margin.