HTML 表格标题始终显示在窗口顶部答案

【问题标题】：HTML table headers always visible at top of windowHTML 表格标题始终显示在窗口顶部
【发布时间】：2012-02-06 04:55:38
【问题描述】：

Craig McQueen 提供的解决方案非常适合 IE7，这是我目前需要的。但是，我使用不同的浏览器进行了测试，当我向下滚动时，标题闪烁/闪烁。我该如何解决？

【问题讨论】：

【解决方案1】：

检查这个小提琴：http://jsfiddle.net/raqJ2/2/

在 FF、Chrome 和 IE7 及更高版本上进行了测试。没有跳动或闪烁/闪光。看看吧。

基本上涉及将标题行移动到固定位置元素，而不是每次都操作其顶部。

更新

添加了一个小的定时动画，以在滚动结束 500 毫秒后将标题向左/向右滚动到所需位置。看看这个。希望对您有所帮助。

【讨论】：

谢谢，不再闪烁/闪烁。但是，当我将更多列（如 30 列）放入其中时，固定标题不可水平滚动。最好支持自动宽度，因为我使用数据库将数据填充到表中。而且当前的代码可能不允许我使用固定宽度。
查看我的更新中的小提琴。猜猜这就是你要找的东西。
由于某种原因，第二次更新在我的应用程序中不再起作用，固定的标头不再修复。使用独立测试，当您向右滚动时，表头会保留在旧表位置，然后表头会向右移动以匹配新表位置。那是大约 1 或 2 秒的延迟。你能解决这个问题吗？
在将标题设置为动画以滚动到正确位置之前，我延迟了 500 毫秒。如果不需要动画，可以把.animate(...)改成.css(...)，延迟就没有了。
在fhold.hide()下方添加这一行，当滚动回顶部时，您的表格不会“跳转”：win.scrollTop(win.scrollTop() + ftr.height());