2014-09-19 66 views
0

我在iPad上進行測試時遇到了一個難解的問題。我有一系列元素可以將頁面投射到各自的位置。然而,最近在iPad4上我發現這些元素不會射向他們的位置。元素具有「速度動畫」類應用,但它們掛起而不會動畫。我嘗試過使用stop()以及clearQueue(),但沒有運氣。Velocity JS掛在iPad上

scene.find(".hotspot").each(function() { 
     $(this).velocity({ 
      top: obj[name][i]['top'], 
      left: obj[name][i]['left'], 
      opacity: 1 
     }, 250); 
     i++ 
    }); 

有使用有幾個變量,但元件的陣列被傳遞到功能和我通過它動畫的元素的集合top和left值迭代。

奇怪的是,如果我將iPad從風景轉換爲縱向和背面,那麼這些元素就位於正確的位置。有任何想法嗎?

回答

1

對於任何可能遇到此問題的人來說,問題在於最近將動畫gif包含在要動畫的元素下面。看起來好像有太多的動畫一旦發生,iPad就會掛斷。我通過動畫製作所需的元素來解決這個問題,然後一旦完成,運行一個setTimeout以淡入下面的動畫gif。

不理想,但它的工作原理。