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

例