我想要一个隐藏在页面顶部的菜单，在点击一个按钮后向下滑动，这样就可以将其他内容向下移动。我所拥有的是隐藏菜单，我使用jQuery函数slideDown()和slideUp()来切换它。问题是，例如。在iPhone上幻灯片不流畅，所以我想使用一些加速。
我想按照here所述添加-webkit-trasnform: translate3d，但这似乎与jQuery幻灯片功能无关。此外，我尝试使用jQuery('.menu').animate({height: ..})，但它也没有工作（我认为jQuery切换使用相同的）。所以我发现，可能transform3d只适用于通过调整其坐标（左，顶......）而不是宽度和高度来移动元素。
我发现了这个jQuery插件https://github.com/benbarnett/jQuery-Animate-Enhanced，它也应该有助于加快宽度和高度的变化，但在我的情况下根本不起作用。
所以我设法通过调整Top属性并添加translate3d来移动菜单，这最终使菜单流畅地移动，但是现在我不能强制下面的内容在菜单滑动时向下移动 - 如果菜单有位置：相对并移出屏幕，其内容顶部仍有一个高度的洞。如果它有位置：绝对，它不会影响下面的内容。如果position：static，Top：property没有影响力。
我是否遗漏了某些内容或者＃34;推荐的＆＃34;实现这个的方法？您可以在http://www.huureenkerstboom.nl上看到当前的实现（请缩小浏览器窗口以查看移动设备实现）。