如何使用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;