当元素可见时启动动画

Question

反正我可以让进度条在屏幕上可见时启动吗？因为现在，即使页面进一步下载，页面加载后也立即开始。你可以让他们开始，当你达到他们？

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

您需要绑定一个事件监听器滚动，你再检查网页的scrollTop的比装载机的offsetTop更大，如果它是那么你可以开始动画。我会后一个例子不久