jQueryアニメーションは、ページが読み込まれたときではなく、要素が画面上にあるときに開始します。

Question

私はカウント数アニメーションを持っています。

これはコード

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

である。しかし、ページの読み込みとコンテンツが表示されていないときのアニメーションが実行されます。 どうすればいいですか？

を編集する：より具体的な質問。

私のコンテンツは、これで私は、私は私のコンテンツを表示するページにスクロールする必要が という意味では、画面の真ん中にあります。私の質問は次のとおりです： コンテンツが表示されるまで、スクリプトアニメーションを遅らせる方法を教えてください ？

Answer 1

一見したところでは、すべてがロードされるまでコントロールを操作しないようにドキュメントレディを待つ必要があると言います。

参照：https://learn.jquery.com/using-jquery-core/document-ready/

それはこのようなものでなければなりません。

// Shorthand for $(document).ready() 
$(jQuery('.count').each(function() { 
    jQuery(this).prop('Counter',0).animate({ 
     Counter: jQuery(this).text() 
    }, { 
     duration: 5000, 
     easing: 'swing', 
     step: function (now) { 
     jQuery(this).text(Math.ceil(now)); 
     } 
    }); 
    }); 
); 

Answer 2

あなたは遅延読み込みアニメーションを探していると思います。わからないが、this pluginがお手伝いします。