javascript - HTML:如何移动对象的位置？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我有一个 HTML 表格。没什么太花哨的。它有头部和 body 。我想知道如何使用 javascript 或 jQuery 将 tbody 仅向下移动。

编辑:所以给你一些关于我正在做的事情的背景。我有一张包含一些信息的表格(谁在乎它是什么)。我使用 jQuery 将标题固定在适当的位置，这样当我向下滚动时，标题仍然在适当的位置。一切运行良好，只是标题和第一行重叠的小问题。所以我需要将 body 的顶部向下移动。含义标题将保持在原位，正文将向下移动一点，以便我可以看到表格的第一行(即标题后的第一行)。

我想知道是否有办法用 jQuery 或 javascript 来做到这一点。

Answer 1

我尝试在这里重现您的问题。当然有更好的方法可以达到相同的效果，但是这是您拥有的代码吗？不需要使用jquery来保持表头固定，所以我使用了css:

http://jsfiddle.net/LLjdk/

相关CSS:

thead {
    position: fixed;
    background: #fff;
}

table {
    margin-top: 28px
}

请注意，表格标题是固定的(随滚动移动)，并且背景已设置，以便当表格的其余部分位于其后面时，它不会显示出来。最后，在表格顶部添加了一个边距，将其向下倾斜，这样它们就不会重叠。