所有设备上的CSS/Javascript流畅推送菜单

我尝试在这里实现“左推菜单”之类的菜单：

然而，这里的动画并不流畅，不是在iPod上，也不是在最近的iPad上。我想知道是否有错误的实现，或者是否必须用javascript来创建平滑的动画

例如，顺利运作的是：

区别在于第一个链接移动了整个文档内容，第二个链接只移动了右侧部分，覆盖了左侧部分（但我怀疑它在动画速度上会有如此大的差异）。我检查了源代码，无法确定它是由CSS还是javascript完成的

---

使动画流畅的关键是什么？

从我的经验来看，在动画制作方面，iPad/iPod似乎并不友好

我在手机上查看了你的网站，它似乎工作得很好（它是安卓系统）。就我个人而言，我不会担心，我不认为这有什么大不了的。但是如果真的让你烦恼的话

---

我猜你现在正在使用css3转换？您可以尝试javascript，这里有一个很棒的教程：

我找到了一个在所有平台上都非常有效的解决方案：

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

使用translate3d进行移动既平滑又快速