当用js库补间dom对象时要操作的最佳属性

我正在寻找最好的和高性能的方式来动画一些元素（用jquery或mootools）。例如，如果我有移动的元素，它更好地：当用js库补间dom对象时要操作的最佳属性

绝对定位，并使用顶部或左
绝对定位一个使用它
边距或利润率左
固定定位，并使用顶部或
左
创建一个大容器中，并使用
背景位置

2011-07-08 Luke

这一切都取决于你想获得什么样的动画。 jQuery中的动画对我来说是最有趣的，有时动画行为会有所不同，而元素则是固定/绝对或相对，宽度％/'px'等等。从来没有足够的惊喜和可能性。有意使用jQuery UserInterface（UI）现在，我不明白你的问题......你可以解释一下吗？！什么样的动画??? –

如果您未指定left/top值，则绝对位置+余量处理可以执行一个很好的技巧。

有什么窍门？

与绝对位置的元件，但没有left/top将在其中将发生的静态元件的相同位置被渲染，而margin-left/margin-top将添加到该位置。

总体来说，我很欣赏你不提静态位置作为一个选项 - 动画等元素会造成不必要的布局回流，这是DOM /超时动画的主要缺点。

在你选择的选项中，我认为最高性能是背景选项。但它的应用有限，因为你只能移动图形内容。所以我会选择＃1。

来源

2011-07-08 10:24:46 katspaugh

我同意。是的，这取决于你在补间什么。背景图像可能是最好的表现，因为它不会真正重新定位元素，因此移动一些图像（或其外观，这很好）。否则，如上所述，如果您的元素是“绝对”，则“marginTop”/“Left”效果很好。固定不是X浏览器，并且修改顶部/左侧不会很好地处理浏览器大小。 –

非常感谢。所以，如果可能的话，我会每隔一段时间就补充bg属性。 – Luke

当用js库补间dom对象时要操作的最佳属性

回答

相关问题