如何使用 jQuery 为固定（偏移）位置设置 div 动画？答案

【问题标题】：How to animate div for a fixed (offset) position using jQuery?如何使用 jQuery 为固定（偏移）位置设置 div 动画？
【发布时间】：2013-07-22 05:56:21
【问题描述】：

我有一个简单的 DIV，我想将它移动（动画）到屏幕上的已知位置（“固定”）。我发现 jQuery 中的 animate() 方法将元素 in 移动到给定的像素，但这不是我想要的。示例：

我的 DIV 的名称是“frameArea”，我想将其移动到偏移顶部：5 像素/左侧：260 像素。如果我写以下内容，它会将 DIV 向下移动 5px，向右移动 260px。我究竟做错了什么？有可能吗？

 $("#frameArea")
       .animate({
           left: 260px,
           top: 5px
        }, 5000);

我是 HTML 和 jQuery 的新手，所以请温柔 :)

谢谢！

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

试试这个例子。确保在加载元素后启动动画。可能在document.ready中

Example

【讨论】：

非常感谢！我似乎缺少“位置”属性。

【解决方案2】：

您的代码 top: 5px 和 left: 260px 表示从哪里开始元素。起点距顶部5px，距左侧260px。

如果您希望元素显示为 -5px（因此 5px 被浏览器窗口的顶部截断），请输入：

top: -5px;

【讨论】：