Как остановить прокрутку() триггеров событий несколько раз

Question

Im, используя jquery.visible.js для обнаружения, когда DIV находится в поле зрения (он запускает анимацию на подключаемом модуле, который имеет эффект анимации круга). Но он продолжает стрелять каждый раз, когда я использую колесо прокрутки, умножая себя на неопределенный срок, и я не могу найти способ остановить его с помощью() или unbind()? благодаря!

// Check vertical for circliful using jquery.visible.js 
$(window).scroll(function(){ 
    if ($("#moreSection").visible(true)){ 


     // trigger circliful 
     $('#myStat-1').circliful() // this wont stop firing 

} 
}); 

Answer 1

, как #Shikkediel отметил scroll() увольняют по изменению частоты кадров. поэтому каждый свиток может запускать его сотни раз.

вы можете сделать это:

$(window).scroll(function(){ 
    if ($("#moreSection").visible(true)){ 
     doActionAndStopScript(); 
    } 
}); 

function doActionAndStopScript(){ 
    $('#myStat-1').circliful() // now it will fire once 
    $(window).unbind('scroll'); 
} 

вы можете вызывать только unbind() из-за пределов $(window)

Answer 2

The scroll событие будет срабатывать один раз каждый пиксель, который прокручивается. Чтобы обойти это поведение, вы можете использовать таймер, который выполнит только вашу логику после прокрутка остановилась на миллисекунды. Попробуйте следующее:

var timer; 
$(window).scroll(function() { 
    clearTimeout(timer); 
    timer = setTimeout(function() { 
     if ($("#moreSection").visible(true)){ 
      $('#myStat-1').circliful(); 
     } 
    }, 250); 
}); 

250ms обычно достаточно длинный, чтобы подождать, чтобы запустить код. Вы можете настроить это значение по мере необходимости.