Чтобы определить, когда пользователь прокрутил страницу до конца в JavaScript, вы можете использовать различные методы. Вот некоторые распространенные подходы:
- Использование события
scroll
: вы можете прикрепить прослушиватель событий прокрутки к окну или определенному элементу и проверить положение прокрутки относительно высоты документа и высоты области просмотра. Когда позиция прокрутки достигнет нижнего предела, вы сможете запустить желаемое действие.
window.addEventListener('scroll', function() {
if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) {
// Bottom of the page is reached
// Perform your desired action here
}
});
- Использование API
Intersection Observer
. Этот API позволяет эффективно отслеживать элементы, которые становятся видимыми или скрытыми в области просмотра. Вы можете наблюдать за элементом, расположенным внизу страницы, и запускать действие, когда он пересекает область просмотра.
const observer = new IntersectionObserver(function(entries) {
if (entries[0].isIntersecting) {
// Bottom of the page is reached
// Perform your desired action here
}
});
const target = document.querySelector('#bottom-marker');
observer.observe(target);
Не забудьте добавить элемент с идентификатором «bottom-marker» внизу страницы, чтобы этот метод работал.
- Использование jQuery. Если вы используете библиотеку jQuery, вы можете добиться обнаружения прокрутки следующим образом:
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() == $(document).height()) {
// Bottom of the page is reached
// Perform your desired action here
}
});