Прокрутка страницы в JavaScript: обнаружение достижения дна

Чтобы определить, когда веб-страница достигает нижнего уровня с помощью JavaScript, вы можете использовать различные методы. Вот несколько подходов:

  1. Прослушиватель событий прокрутки: добавьте прослушиватель событий прокрутки к объекту окна и проверьте, прокрутил ли пользователь страницу до нижней части, сравнивая положение прокрутки окна с высотой документа.
window.addEventListener('scroll', function() {
   if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
      // Bottom of the page is reached
      // Your code here
   }
});
  1. 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);
  1. Подход 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. Реализация любого из этих подходов должна помочь вам достичь желаемой функциональности.