要素が表示されているときにアニメーションを開始する

Question

とにかく進捗バーが画面に表示されたときに開始できるようにしますか？今すぐページが読み込まれるとすぐに、ページの下にあるにもかかわらず、ページが読み込まれるようになります。あなたがそれらに達するときにそれらを始めることができますか？あなたはそれがあなたである場合にはページのscrollTopスプライトは、ローダーのoffsetTopよりも大きい場合は、次にチェックし、スクロールにイベントリスナーをバインドする必要があり

jsfiddle.net/33ne8j1d/

Answer 1

を例を投稿します：

$(document).bind('scroll', function(ev) { 
    var scrollOffset = $(document).scrollTop(); 
    var containerOffset = $('#pbar').offset().top - window.innerHeight; 
    if (scrollOffset > containerOffset) { 
     var animate = setInterval(function() { 
     loading(); 
     }, time); 
     // unbind event 
     $(document).unbind('scroll'); 
    } 
});  

}）;

jsfiddle

Answer 2

アニメーションを開始できます。私は次のように、スクロールイベントをバインドすることができ、まもなく