Jquery 当元素可见时启动动画

当进度条在屏幕上可见时，我是否可以启动进度条？因为现在，它们会在页面加载后立即启动，即使它们位于页面下方。你能让他们在你到达的时候开始吗

---

jsfiddle.net/33ne8j1d/

您需要将事件侦听器绑定到滚动，然后检查页面的滚动顶部是否大于加载程序的偏移量，如果大于，则可以启动动画。稍后我将发布一个示例

您需要将事件侦听器绑定到滚动，然后检查页面的滚动顶部是否大于加载程序的偏移量，如果大于，则可以启动动画。稍后我将发布一个示例

您可以按如下方式绑定滚动事件：

$(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');
    }
});    

}))

---

您可以按如下方式绑定滚动事件：

$(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');
    }
});    

}))