html - <table><tbody> 可滚动？

Question

我想要一个右边有滚动条的表格。
我想在没有任何插件(jQuery)的情况下仅使用 css 来完成此操作。
表头应该保持固定。

我需要做什么才能让它正常工作？

Answer 1

您承担了一项任务，如果您成功了，您将成为英雄。我尝试了这个和最简单的事情——定位:固定； -- 是不可能的。我必须将所有 复制到一个新对象中。但是，当您这样做时， 元素的水平间距全部消失，因此标题不再与 对齐。我最终做了这样的事情:

首先，放弃ie6和ie7。那些家伙没有希望。

1. 制作表格的两份副本，一份 body 不可见而 可见，另一份则相反。

2. 给出 z-index:1;到带有可见 的表格。

3. 给出 z-index:0;到带有可见 的表格。

4. 处理水平滚动，但直到您发现 onScroll 不是 ie8 事件(更不用说 ie6)之后，您必须每隔十分之一秒左右休息一次 setInterval 只是处理在 ie8 中左右滚动 。

这将为您提供一个在两个轴上无限滚动的表体，以及一个仅在 x 轴上滚动的表头。几乎适用于 FF、Chrome 和 Safari。但是在ie8中不稳定。真正的皮塔饼。

祝你好运，如果你成功了，请写信!