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