我在包装容器div中有一个子堆栈“堆栈”。这些子div似乎向下滑动，因为新的子节点不断附加到顶部并给出.slideDown（）动画，因此也会强制所有其他子节点。这工作正常，但我在PhoneGap应用程序中使用它，当快速完成时，它看起来波涛汹涌，跳跃。我听说通过进行css转换可以做得更好，这会强制硬件加速（我认为）。然而，我看到的每个例子似乎都在尝试比我需要的更复杂的事情，我无法弄明白，所以如果可能的话，任何帮助都会受到赞赏。
jQuery代码：
row.hide().prependTo('#blockArea').slideDown(1000, 'linear');
blockArea是包装器，row是要添加的行。
答案 0 :(得分：0)
这不会那么容易......
如果您真的希望使用硬件加速获得更好的结果，则不能依赖高度过渡。
你应该怎么做？有几个可能性，但我建议：
按原样添加div，不进行转换。同时，以
的样式在包装器上设置转换transform: translateY(***px);
应该计算这个变换来补偿新的div，这样任何东西都会移动（新的div将被渲染到当前的div之上，并且可能会出现在视口之外）。
also, set a transition on transform of the time that you want.
现在，在延迟函数中，将变换更改为translateY（0px）。可以在0毫秒的setTimeout（）中完成它。您需要这样做，以便应用转换
祝你好运！