Remysharp的js Inview插件啓動了兩次速度轉換

Question

我使用Remysharp In View插件來確定元素何時在視圖中。當它在視圖中時，我使用velocity來顯示該元素。出於某種原因，在In視圖調用中，動畫觸發兩次。在In View調用之外，它的工作原理應該如此。

爲什麼它會發射兩次？

$(".xslideUpIn").one('inview', function (event, visible) { 
     if (visible == true) { 
     $(".xslideUpIn").velocity('transition.slideUpIn', { stagger: 700 }).delay(1000) 
     } else { 
     // element has gone out of viewport 
     } 
}); 

Answer 1

與

$(".xslideUpIn").one('inview', function (event, visible) { 
    if (visible == true) { 
    setTimeout(function() { 
     $(".xslideUpIn").velocity('transition.slideUpIn', { stagger: 700 }).delay(1000) 
    }, 0); 
    } else { 
    // element has gone out of viewport 
    } 
});