打开和关闭菜单时滞后JavaScript

Question

我打开菜单时会有一些延迟。我列出了我的网站，您可以查看它：

http://www.Skarchmit.tumblr.com

作为旁注：外部脚本和css的链接不做任何事情 - 它们直接在带有相似标签的代码中。有些图片尚未上传。并显示为问号。

我目前制作菜单的方式：

内容：100％，菜单：0px; 点击它 内容保留-250px，菜单：250px

一切都是浮动的。

我不确定这是不是最好的方式，但特别是在移动设备上看起来很滞后。

我如何才能最好地优化速度？

<http://jsfiddle.net/skarchmit/LbgQJ/2/>

Answer 1

正如其他人所说，它在我的个人移动设备上表现良好。但是，您可以尝试使用transform css属性进行比较（它在历史记录中表现得更好，特别是在硬件加速方面）。

示例：

.content {
  transform: translate3d(0, 0, 0);  
}
.content.open {
  transform: translate3d(-250px, 0, 0);  
}