使用jquery爲平板電腦創建的網站上優化動畫

Question

我有一個廣泛使用jQuery的SPA網站。所有瀏覽器上的外觀和行爲都很棒。

現在我有要求使它平板電腦友好。

只要在平板電腦上打開網站，最大的問題似乎是所有的交互 - 選擇，加載圖標，淡入淡出，淡入淡出和不平滑（因爲它們在PC瀏覽器上）。

我該怎麼辦？我不能用另一個框架來重寫網站，但是如果我可以利用像jQuery Mobile這樣的框架提供的功能，並且我願意接受建議。

鏈接到資源表示讚賞。

Answer 1

簡而言之，儘可能使用CSS轉換。如果不是，請確保您的動畫使用requestAnimationFrame。

我寫了http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/一年左右回來，這是一個人爲的演示，以顯示差異。

https://github.com/benbarnett/jQuery-Animate-Enhanced可能可以簡單地放入以提高性能，但它可能會破壞複雜動畫中的網站。