我有一个表格，我想通过 jquery 移动到页面顶部答案

【问题标题】：I have a table that I want to move to the top of the page via jquery我有一个表格，我想通过 jquery 移动到页面顶部
【发布时间】：2009-10-31 01:07:15
【问题描述】：

我在页面底部附近有一个表格，我想一直移动到顶部以拥抱浏览器的顶部（即/ff 兼容）。

最好的方法是什么？

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

【问题讨论】：

这是否必须在一些用户事件之后完成，或者您可以在 css 中执行此操作吗？

标签： jquery css

【解决方案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 标记中的第一个元素，并将边距和填充设置为零。

【讨论】：

【解决方案2】：

绝对顶级？最好的办法是简单地应用position: absolute; top: 0;。

在 jQuery 中是这样的：

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

我没有对此进行测试，但我不明白为什么它不应该工作。如果您需要在某些事件之后完成它，只需使用适当的 jQuery 处理程序即可。

另外，正如其他人指出的那样，如果您希望在页面加载时将其放在顶部，您只需将上述 CSS 应用于它，甚至不使用 jQuery。

【讨论】：