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

Question

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

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

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

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

谢谢！

Answer 1

你的顶级代码：5px和左：260px说的是从哪里开始元素。起点距离顶部5px，距离左侧260px。

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

top: -5px;

Answer 2

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

Example