Как определить что страница прокручена до конца?
 

Здравствуйте!
Подскажите, пожалуйста, как программно определить что пользователь прокрутил веб-страницу до конца?

высота окна + скролл == высота документа

DDim1000,
:-?
https://javascript.ru/forum/events/7...tml#post488778

Я так и делал, но код, почему то, не срабатывает: https://jsfiddle.net/zyjshg2p/1/

$(window).scroll(function() {
       if($(window).scrollTop() + $(window).height() == getDocHeight()) {
           alert("bottom!");
       }
   });

DDim1000,
getDocHeight это что?

DDim1000,
добавил jquery и убрал getDocHeight
https://jsfiddle.net/tpj38uc5/

рони, большое спасибо!

Еще один вопрос возник: Подскажите, пожалуйста, как бороться с ложным срабатывание функции? Дело в том, что контент подгружается через секунду после того, как страница полностью прокручена, и в это время срабатывает функция.

Обычно новый контент подгружают ДО того, как страница прокручивается до конца.

Я предпочитаю подгружать контент за 300 пикселей до достижения пользователем конца страницы.

DDim1000,
выстави флаг (глобально или в зоне видимости функции запроса данных), и не запускай запрос данных,если флаг не сброшен при получении новой порции данных.

А как это делается, как выставить флаг?

DDim1000,
let key;
const fn = () => {
if(key) return;
key = true;
....await fetch
key = false;

}

Что то не могу понять, как это применить... Мне нужно после прокрутки странице, проверить что контент полностью загружен.

collect_link_file( 
         window.scrollBy(0,10);
         $(window).scroll(function() {
              
         if($(window).scrollTop()+$(window).height()>=$(document).height())
                {
                    ........
                    alert("Сбор завершен!");   
                }
              else{   
                    collect_link_file();
                }
        }
);

DDim1000,

let key;
const fn = () => {
if(key) return;
key = true;
....await fetch
key = false;

}
 $(window).scroll(function() {
         if($(window).scrollTop()+$(window).height()>=$(document).height()) fn()

               });

DDim1000,
http://falbar.ru/article/delaem-podg...utke-stranitsy

искать Ajax подгрузка при прокрутке

Почему-то ошибка: Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

window.scrollBy(0,1810);    
           let key;
const fn = () => {
if(key) return;
key = true;
`
key = false;

}
 $(window).scroll(function() {
         if($(window).scrollTop()+$(window).height()>=$(document).height()) fn()

               });

DDim1000,
замените let и const на var.