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