Я ищу, чтобы создать статическое меню, когда пользователь прокручивает внизу страницы

Question

Используя Javascript, желательно Jquery, я хочу иметь возможность активировать видимость div, когда пользователь находится на определенной высоте страницы.У NYtimes есть пример этого, когда вы прокручиваете до конца истории, появляется слайдер с другой новостью и исчезает, если вы прокручиваете вверх.

Answer 1

Я думаю, что вы хотите следующие методы:

$(document).scroll()    // event triggered whenever the page is scrolled
$(document).height()    // gets the height of the entire page
$(window).height()      // gets the height of the current window
$(document).scrollTop() // gets the top position currently visible

Используя их, вы можете написать метод для отображения div, когда окно находится на 100 пикселей снизу:

$(document).scroll(function() {
    var scrollBottom = $(document).scrollTop() + $(window).height();
    var height = $(document).height();
    if (scrollBottom > height - 100)
        $("div").show();
    else
        $("div").hide();
});