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

Question

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

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

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

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

谢谢！

Answer 1

您的顶部（5px）和左侧（260px）的代码表示元素的起始位置。 起点是顶部5像素，左侧260像素。

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

top: -5px;

Answer 2

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

例