jQuery загружает контент при прокрутке страницы до 100px, при этом запускается несколько событий

Я хочу, чтобы событие загружало больше контента, когда пользователь прокручивает страницу и достигает почти нижней части страницы, скажем, около 100 пикселей снизу, проблема в том, что события запускаются каждый раз, когда вы прокручиваете эти нижние 100 пикселей страницы, чтобы'Это очевидная проблема, которая не может возникнуть по понятным причинам, поэтому мне интересно, как я могу сделать это лучше, я проверил здесь другие ответы / вопросы, однако одно решение, которое частично работает, не 'Это не соответствует тому, что мне нужно, и когда я пытаюсь изменить его, он каждый раз полностью замораживает мой браузер. это вопрос:Проверьте, прокрутил ли пользователь до дна

Ответ яЯ смотрю на это в нижней части, но вот код, который он предлагает:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       $(window).unbind('scroll');
       alert("near bottom!");
   }
});

теперь, как я уже сказал, это работает и предотвращает запуск более одного события, проблема в том, что мне нужно запускать бесконечное количество событий, скажем, я загружаю 100 строк информации, когда вы достигаете дна, но еще 1500 Мне нужно, чтобы это повторялось каждый раз для загрузки каждого объема информации (как только вы достигаете нижней 100px части страницы каждый раз)

так что я пытался сделать это:

 function loadMore()
{
   alert("More loaded");
   $(window).bind('scroll');
 }

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       $(window).unbind('scroll');
       loadMore();
   }
});

Как я уже сказал, это немедленно останавливает мой браузер, обязательная часть.

Ответы на вопрос(3)

Ваш ответ на вопрос