Ответ 1
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height()-$(window).height()){
alert("We're at the bottom of the page!!");
}
});
Я читал сообщение в блоге Harvard Business Review (HBR), Черты продвинутых лидеров ( 2011-02-22). Они делают это на Нью-Йорк Таймс (NYT). Как вы обнаруживаете, когда ваш читатель прокручивается до конца?
В HBR, когда вы прокручиваете нижнюю часть, они предлагают вам другую статью для чтения.
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height()-$(window).height()){
alert("We're at the bottom of the page!!");
}
});
Пока другой ответ покажет вам, когда вы находитесь внизу, чтобы ответить на ваш вопрос о том, как сказать, когда вы приближаетесь к нижнему, я использовал это раньше:
if ( ($(document).height() - $(window).height()) - $(window).scrollTop() < 1000 ){
//do stuff
}
Вы можете изменить значение "1000" на все, что хотите, чтобы запустить script, когда вы находитесь на расстоянии нескольких пикселей от нижней части.
$(window).scroll(function () {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
alert('end of page');
}
});
-10 указывает, как далеко от конца страницы пользователь должен быть до выполнения функции. Это дает вам гибкость при необходимости корректировать поведение.