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

时间:2011-07-08 10:08:15

标签: javascript jquery mootools tween

我正在寻找动画一些元素(使用jquery或mootools)的最佳和高效的方法。 例如,如果我必须移动一个元素,最好是:

  • 绝对定位并使用top 或者离开
  • 绝对定位使用
    margin-top或margin-left
  • 固定定位并使用顶部或
  • 创建一个大容器并使用
    背景位置

1 个答案:

答案 0 :(得分:2)

如果您没有指定left / top值,绝对位置+边距操作可以做得很好。

什么伎俩?

具有绝对位置但没有left / top的元素将呈现在静态元素发生的相同位置,而margin-left / margin-top将< em>将添加到该位置。

http://jsfiddle.net/e6PaE/1/

总的来说,我感谢你不要提到静态位置作为选项 - 动画这样的元素会导致不必要的布局重排,这是DOM /超时动画的主要缺点。

在您考虑的选项中,我认为最高效的是背景选项。但它的应用有限,因为您只能移动图形内容。所以我会选择#1选项。