gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 18:41:54 25 4
gpt4 key购买 nike

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

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

最佳答案

如果不指定 left/top 值,绝对位置 + margin 操作可以做一个很好的技巧。

什么把戏?

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

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

总的来说,我很感激你没有提到静态位置作为一个选项——动画这样的元素会导致不必要的布局回流,这是 DOM/超时动画的主要缺点。

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

关于javascript - 使用 js 库补间 dom 对象时操作的最佳属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6622948/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com