样式浮动表头

Question

我正在使用可用的JavaScript / jQuery脚本here让桌面标题在向下/向上滚动时浮动。我的桌子是中心对齐的。当我向下滚动时，标题会浮动，但它们会左对齐，但表格的其余部分是居中对齐的。以下是我现在收到的输出快照：

我需要在这个JavaScript / jQuery代码或我的PHP / HTML代码中编辑什么才能使它们居中对齐？

更新

Example of problem

Answer 1

这不是你找到的最优雅的剧本，所以我认为yaponyal的建议是合理的。

为什么你的小提琴不起作用有几个原因：jsfiddle不喜欢脚本的直接onload事件附件，所以你可以把它改成：

window.addEvent("domready", function() {
    this.build_header();
});

此外，每次滚动时运行的setheader函数还必须设置标题的水平位置。

this.header.style.left = this.table_obj.offsetLeft + "px";

请参阅here，了解其无法自动居中的原因。您可以修改脚本以将克隆的表头放在具有居中文本对齐的div中（如果您愿意）。

此外，脚本为标题设置顶部值而不附加“px”。这在我的浏览器中不起作用，我不得不将其更改为：

this.header.style.top=Math.round(screenpos) + "px";

http://jsfiddle.net/VHaaw/3/

Answer 2

在页面加载时，标题是否显示在顶部？如果是这样，我建议将标题分成单独的div，根据您的需要设置样式，然后设置固定到div的位置。你可以使用css属性margin：0 auto;根据页面的宽度来居中数据。