jQuery - 特定のスクロール位置の後にスクロールイベントコールバックを停止/キャンセルする

Question

数値を指定値までカウントしてそこにとどめたいが、ページが一定の高さ以下でスクロールされるたびに呼び出されるため、 1に戻ります。

解決策は、ページが特定の高さ以下にスクロールされたときに関数を1回だけ呼び出させることです。

アイブ氏は.one()方法いくつかの場所を置くことを試みたが、それは

http://jsfiddle.net/d7vKd/1543/

$(document).on('scroll', function() { 
    if ($(this).scrollTop() >= $("#mydiv").position().top) { 
    window.randomize = function() { 
     $('.radial-progress1').attr('data-progress', Math.floor(94)); 
    }; 
    $('.count').each(function() { 
     $(this).prop('Counter', 0).animate({ 
     Counter: $(this).text() 
     }, { 
     duration: 6000, 
     easing: 'swing', 
     step: function(now) { 
      $(this).text(Math.ceil(now)); 
     } 
     }); 
    }); 
    setTimeout(window.randomize, 200); 
    } 
}) 

Answer 1

を助けていないコールバックはその要求を満たしていたらあなたのscrollイベントをunbind必要があります。

$(document).on('scroll.someName', function(){ 
    var isPassedPos = $(this).scrollTop() >= $("#mydiv").position().top; 

    if(isPassedPos){ 
    $(document).off('scroll.someName') // <-------------- remove the event listener 

    window.randomize = function() { 
     $('.radial-progress1').attr('data-progress', Math.floor(94)); 
    }; 

    $('.count').each(function() { 
     $(this).prop('Counter', 0).animate({ 
     Counter: $(this).text() 
     }, { 
     duration: 6000, 
     easing: 'swing', 
     step: function(now) { 
      $(this).text(Math.ceil(now)); 
     } 
     }); 
    }); 

    setTimeout(window.randomize, 200); 
    } 
})