2012-02-28 61 views
1

是否有可能強制jQuery使用CSS3轉換爲其淡入淡出效果?強制jQuery使用css3的效果

這是一個手機唯一的網站,所以我想盡可能地擠出更多的性能。

+1

你可能想看看zeptoJS的輕量級jQuery庫。 – karim79 2012-02-28 18:33:12

+0

我很喜歡,但它與該項目的許多遺留代碼不兼容。 – 2012-02-29 07:43:59

回答

5

第一個Google resultjQuery animate enhanced plugin

擴展$ .animate()檢測Webkit,Mozilla和Chrome瀏覽器的CSS轉換,並自動轉換動畫。與IE6兼容+

屬性的支持:(更多的驚喜)

  • 左/右:使用平移(X,Y)或translate3d(X,Y,Z)
  • 頂部/底部:使用翻譯(X,Y)或translate3d(X,Y,Z)
  • 不透明度
  • 寬度
  • 高度

根據this page,您應該將插件的useTranslate3d選項設置爲true,以使iDevices上的平滑(硬件加速)動畫。

0

我不相信jQuery原生支持CSS3轉換。有幾個插件可以幫你實現,但我認爲如果CSS3不可用的話,他們幾乎都會使用JS。

瀏覽器檢測可能(不幸)是你的朋友在這裏。