Как выполнять скрипт после полной прокрутки сайта?

Question

[DaniilPo]

Добрый день, мне нужно выполнять код после того как пользователь прокрутил сайт полностью
как это можно сделать ?

Comments

[キム ファイブプラス]

Можно сделать, да.
Где предпринятые попытки реализовать?

[DaniilPo]

キム ファイブプラス, нету по этому и спрашиваю как это можно сделать

[ambisinister One]

Очевидно поместив скрипт в самый низ

Answer 1

[twobomb]

Если прям до самого конца нужно листать, то можно так

document.addEventListener("scroll",function(e){
  var height = Math.max( document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight );
  if(window.scrollY + window.innerHeight >= height ){
  //тут скрипт
  }
});

Comments

[DaniilPo]

Можно на это навесить отслеживание прокрутки колеса мышки?
просто при более большом экране данная функция не будет работать так как сайт не очень высокий(правильно выразился?), но скрипт мне нужно выполнить.
за ранее благодарю!

[twobomb]

DaniilPo, нихрена не понял. Тут и так на событии прокрутки мыши висит обработчик проверки положения скрола.
По поводу большой экран, маленький сайт, это вы имеете ввиду если сайт откроется и не будет скролла? Ну тогда можете добавить после этой конструкции еще document.dispatchEvent(new Event("scroll"));
Ну и естественно он будет вызываться каждый раз когда вы проскролите до конца, если нужно чтобы только один раз, то добавьте какой нибудь флаг, который будет запоминать выполнение.

Answer 2

[Михаил]

https://stackoverflow.com/questions/3898130/check-...

Если нужно без jQuery, на чистом JS, то аналогично:

1. Зацепиться на событие window.onScroll
   
2. Проверять значения свойств window.scrollY, window.innerHeight, document.body.clientHeight
   

Answer 3

[Stalker_RED]

при помощи Intersection Observer следите за появлением футера во вьюпорте.