用滚动表固定的表头 - 一页上有 3 个不同的表

Question

我见过许多其他类似的问题，但它们都与一个表有关。

我有一个页面，上面有 3 个不同的表格，标题相似，在一个相对 div 内，溢出是可滚动的。

我将每个表拆分为 2 个表 - 一个用于标题，一个用于动态内容，将标题表设置为 position:fixed。

当我在 div 内向下滚动时，它可以正常工作，但是当我向下滚动页面以查看下一个表格时，页面会向下滚动，但表格标题相对于页面保持固定。

我希望他们随着容器相对 div 向上移动。

我该怎么做？

Answer 1

好的...相当简单，答案来自对Fixed position div inside pos:relative & overflow-y:scroll问题的第一个回复。

这是一个将位置设置为绝对的问题。

谢谢大家。