Чтобы определить, когда веб-страница достигает нижнего уровня с помощью JavaScript, вы можете использовать различные методы. Вот несколько подходов:
- Прослушиватель событий прокрутки: добавьте прослушиватель событий прокрутки к объекту окна и проверьте, прокрутил ли пользователь страницу до нижней части, сравнивая положение прокрутки окна с высотой документа.
window.addEventListener('scroll', function() {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
// Bottom of the page is reached
// Your code here
}
});
- API Intersection Observer: используйте API Intersection Observer, который позволяет наблюдать изменения в пересечении целевого элемента с его родительским элементом или областью просмотра. Наблюдая за элементом, размещенным внизу страницы, вы можете определить, когда он станет видимым.
var options = {
root: null,
rootMargin: '0px',
threshold: 1.0
};
var observer = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
// Bottom of the page is reached
// Your code here
}
});
}, options);
var target = document.querySelector('#bottom-element');
observer.observe(target);
- Подход jQuery. Если вы используете jQuery, вы можете использовать свойства
scrollTop
,innerHeight
иscrollHeight
, чтобы проверить, есть ли у пользователя достиг конца страницы.
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).innerHeight() >= $(document).height()) {
// Bottom of the page is reached
// Your code here
}
});
Это несколько способов определить, когда веб-страница достигает нижней части, с помощью JavaScript. Реализация любого из этих подходов должна помочь вам достичь желаемой функциональности.