jquery number counter animation 스크롤 값에 의해 트리거 됨

Question

특정 스크롤 값인 에 의해 트리거되는 카운터를 만들려고합니다. 즉, 사용자가 도달 한 애니메이션 숫자가 0에서 지정된 숫자로 표시되도록하고 싶습니다. 특정 스크롤 값

이 내가 지금까지 갈 것입니다 :

$(document).scroll(function(){ 

    var _scrollTop = $(document).scrollTop(); 

    if(_scrollTop >= 1490){ 
     $('.Count').each(function() { 
      var $this = $(this); 
       jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, { 
        duration: 3000, 
        easing: 'swing', 
        step: function() { 
         $this.text(Math.ceil(this.Counter)).stop(); 
        } 
       }); 
     }); 
    } 
}); 

을하지만 숫자가 내가 그 값 이상으로 스크롤 할 때마다 새로 고침 유지는 나는이 때 사용자가 스크롤 위 한 번에 애니메이션 원 그 값을 입력 한 다음 html로 지정된 값을 유지합니다. 스크롤 기능을 다시 실행하지 않는 경우

Full site Fiddle

Answer 1

이 기준은 (카운터가 시작됩니다) 충족 처음 후에는 기능을 바인딩을 해제하도록 선택할 수 있습니다 당신의 도움을 주셔서 감사합니다 완전히 : 여러 스크롤 이벤트를 구현하는 경우, 문서의 모든 바운드 스크롤 이벤트 바인딩을 해제합니다

if(_scrollTop >= 1490){ 
    $(document).unbind('scroll'); 
    //...... 

, 당신은 변수의 특정 대리자를 저장하고 바인딩을 해제 할 수 있습니다.