CSS/JavaScript的流暢推菜單

Question

我想實現像「左按Menu」這裏的菜單：

http://tympanus.net/Blueprints/SlidePushMenus/

然而，這裏的動畫不流暢不上的iPod，而不是最近的iPad兼容。我想知道是否有錯誤的執行或是否必須用javascript來創建流暢的動畫。

例如，什麼工程進展順利是這樣的：

https://medium.com/

不同的是，第一個鏈接移動整個文檔內容，第二隻是移動的右側部分，它涵蓋了左（但我懷疑它在動畫速度上有所不同）。我檢查了源代碼，我無法確定它是通過CSS還是JavaScript完成的。

使動畫流暢的關鍵是什麼？

Answer 1

我發現，所有平臺上的偉大工程的解決方案：

 -webkit-transform: translate3d(0,0,0); 

與translate3d移動順暢，快捷。

Answer 2

從我的經驗來看，就動畫/補間來說，似乎iPad/iPod並不友好。

我看着你的網站在我的手機上，它似乎很好（這是一個機器人）。就個人而言，我不會爲此擔心，我認爲這不是什麼大問題。但如果它真的在竊聽你..

我猜你現在正在使用css3轉換？你可以嘗試的javascript，這裏是一個偉大的教程：http://www.learningjquery.com/2009/02/slide-elements-in-different-directions