2013-07-22 109 views
0

我有一個簡單的DIV,我想移動(動畫)到屏幕上的已知位置(「固定」)。我發現jQuery中的animate()方法將元素移動到給定像素的中,但這不是我正在尋找的。例如:

我的DIV的名字是「frameArea」,我想將它移動到頂部偏移量:5像素/左:260px。如果我寫下以下內容,它會將DIV 5px向下和260px向右移動。我究竟做錯了什麼?可能嗎?
如何使用jQuery爲固定(偏移量)位置動畫div?

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

我是新來的HTML和jQuery,所以請溫柔:)

謝謝!

回答

0

試試這個例子。確保在元素加載後開始動畫。可能在document.ready

Example

+0

非常感謝!看起來我對這個「位置」屬性缺失了。 – user1027133

0

你的頂級代碼:5像素,左:260px是說從哪裏開始的元素。起點爲頂部5px,左側爲260px。

如果你想要的元素出現-5px(因此爲5px由瀏覽器窗口頂部切斷)類型:

top: -5px;