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

Question

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

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

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

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

谢谢！

Answer 1

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

Example

Answer 2

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

如果你想要的元素出现-5px（因此为5px由浏览器窗口顶部切断）类型：

top: -5px;