Javascript/JQuery выполняет функцию, когда пользователь прокручивается в нижней части страницы

На известном новостном сайте (sry, не помню точно, какой) я увидел действительно классный эффект... когда вы прокручиваете в нижней части страницы, новый элемент скользит вниз с верхней части окна просмотра браузера с множеством опций в социальных сетях (твит, доля на facebook и т.д.). Я хотел бы подражать чему-то схожим... на самом деле, на самом деле есть масса вещей, которые я мог бы придумать, если бы знал, как вызвать функцию, когда пользователь находится ближе к нижней части страницы...

Итак, мой вопрос очень прост: как запускать функцию, когда пользователь прокручивается в нижней части страницы с динамическим размером?

Ответ 1

Если у вас есть элемент, расположенный в нижней части страницы, вы можете использовать Waypoints, чтобы вызвать функцию, когда пользователь прокручивает этот элемент. Или, если вы хотите использовать ограничение на пиксель, как в сообщении Hussein, не забудьте прислушаться к урокам прокрутки которые мы узнали из Twitter.

Ответ 2

$(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      alert('end of page');
   }
});

-10 указывает, как далеко от конца страницы пользователь должен быть до выполнения функции. Это дает вам гибкость при необходимости корректировать поведение.

Ответ 1

Ответ 2

Проверьте рабочий пример http://jsfiddle.net/wQfMx/