當元素可見時啓動動畫

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更大，如果它是那麼你可以開始動畫。我會後一個例子不久