我有一張桌子，我想通過jquery移動到頁面的頂部

Question

我在桌面的底部附近有一張桌子，我想一直移動到頂部以擁抱瀏覽器的頂部（即/ ff兼容）。

這樣做的最好方法是什麼？

<div id="mytable"><table id="t1"><tr><td>hello</td></tr></table></div> 

Answer 1

如果招你的意思是結構上的DOM定位它，你可以這樣做：

var mtId = 'mytable'; //the id of the div to move 
var mt = $('#' + mtId); 
var mtInnerHtml = mt.html(); 
mt.remove(); 
$('body').prepend('<div id="' + mtId + '">' + mtInnerHtml + '</div>'); 
mt = $('#' + mtId); 
mt.css({'margin':0, 'padding':0}); 

的mytable的DIV加載到頁面後，在某些時候，執行這個JavaScript。它從DOM中刪除div並將其重新創建爲body標籤中的第一個元素，並將邊距和填充設置爲零。

Answer 2

絕對頂？你最好的選擇是簡單地將position: absolute; top: 0;應用於它。

在jQuery中，這將是類似這樣：

$("#mytable").css({'position': 'absolute', 'top': 0}); 

我沒有測試過這一點，但我不明白爲什麼它不應該工作。如果您在某個事件之後需要它，只需使用適當的jQuery處理程序即可完成此操作。另外，正如其他人已經指出，如果你想在頁面加載的頂部這個，你可以簡單地應用所述的CSS，甚至不使用jQuery。