проверка Javascript, если DIV достигается свитка

Question

Этот сценарий работает правильно, но мое предупреждение появляется в два раза также вызов моей функции «check_page_end», которые показывают мои посты два раза

<script> 

     jQuery(document).ready(function(){ 

     $(window).bind('scroll', function() { 
      if($(window).scrollTop() >= $('#posts').offset().top + $('#posts').outerHeight() 
       - window.innerHeight) { 
       alert('end reached'); 
       check_page_end($('#offset').val()); 
      } 
     }); 



     }); 
    </script> 

Answer 1

Один из способов избежать дублирования прокрутки event firings состоит в том, чтобы отложить обратный вызов на несколько секунд после возникновения события, но сначала отменить любой предыдущий вызов.

var to; 
$(window).on('scroll', function() { 
    clearTimeout(to); 
    to = setTimeout(function() { alert('finished scroll'); }, 500); 
}); 

Обратный звонок срабатывает через 0,5 секунды после срабатывания события прокрутки. Если другое событие прокрутки срабатывает (например, прокрутка продолжается) до этого, то вызываемый обратный вызов отменяется.

Answer 2

Я решил эту проблему, добавив новую логическую переменную она изменяет его состояние только тогда, когда я называю моя функция, здесь она exectued только один раз

<script> 
     window.load_more_content = true; 
     jQuery(document).ready(function(){ 
     $(window).scroll(function(){ 
     if(window.load_more_content && $(window).scrollTop() >= ($('#posts').height())){ 
      window.load_more_content = false; 
      console.log('posts end loading ohers .. '+$('#offset').val()); 
      get_more_posts($('#offset').val()); 
     } 
     }); 
     }); 
</script>