Стоп-прокрутка дисплея после

Question

Я хочу запустить progressbar анимация со свитком. Но он работает несколько раз, а не один раз Извините, если это не так.

Пожалуйста, помогите мне.

Мой код:

<div class="demo-5" data-percent="80"> 
<script> 
$(document).ready(function(){ 
    $(document).scroll(function(){ 
     $('.demo-5').percentcircle({ 
      animate : true, 
      diameter : 100, 
      guage: 3, 
      coverBg:'#fff', 
      bgColor: '#efefef', 
      fillColor: '#8BC163', 
      percentSize: '48px', 
      percentWeight: '50px' 
     }); 
    }); 
}); 
</script> 
    progressbar 
</div> 

Answer 1

Событие прокрутки срабатывает каждый раз, когда пользователь прокручивает в другое место в элементе. На практике это будет срабатывать один раз для плавного действия прокрутки, однако, если прокрутка будет «рывкой» или несколькими небольшими прокрутками, это будет срабатывать несколько раз.

Answer 2

Проверить это, я еще не проверял, но я надеюсь, что это работает,

$(document).ready(function(){ 
         $(document).scroll(function(){ 
         $('.demo-5').fadeIn(200); 
          $('.demo-5').percentcircle({ 
          animate : true, 
          diameter : 100, 
          guage: 3, 
          coverBg:'#fff', 
          bgColor: '#efefef', 
          fillColor: '#8BC163', 
          percentSize: '48px', 
          percentWeight: '50px' 
          }); 
          setTimeout(function() 
          { 
          $('.demo-5').fadeOut(1000); 
          }, 500); 
         }); 
        });