Как реализовать выполнение скрипта, срабатывающего при скролле, когда достигнута нижняя граница страницы?

Question

[Evgeniy V.]

Как реализовать выполнение скрипта, срабатывающего при скролле, когда достигнута нижняя граница страницы? При этом возможности скролла на страницы может не существовать, например, страница из одного блока и нет скрола, но при прокрутке колеса мыши вниз, должен срабатывать скрипт. Необходимо учитывать вверх или вниз прокручена колесико мышки и соотвественно верх или низ страницы. Как это реализовать на jquery?

Answer 1

[Егор Казанцев]

считаешь размер документа, на событие у window onscroll считает отображаемую область и если достигнут конец запускаешь что надо выполняться.

Comments

[Evgeniy V.]

если размер страницы меньше размеров окна браузера, будет выполняться?

[Егор Казанцев]

Evgeniy V., Ну это на onload проверяй уже . Именно на onload когда всякие картинки уже успели "растянуть" дивы.

Answer 2

[amorphine]

Как вариант https://plugins.jquery.com/scrollfire/

Answer 3

[driver458]

handleScroll = () => {
  if (window.innerHeight + window.scrollY > document.body.clientHeight - 100) {
    // console.log('I need to load some more content here…');
  }
}

window.addEventListener('scroll', handleScroll);