在我们软件的两个独立部分中,(完全不同的代码)Sticky Headers总是这样做,我们已经和它一起生活了。我应用StickyHeader小部件并将它们放在.wrapper容器中,它按预期工作:标题将在滚动后跟随。但是,始终会导致我们的标题向右移动。我的.wrapper很简单:
.wrapper {
position: relative; overflow-y: auto; height: 652px;
}
th {
background-color: #003366;
color: #ffffff; font-weight: bold;
padding: 3px; text-align: center;
}
请原谅混淆,但我(法律上)不允许制作jsFiddle或提供比此更清晰的信息。注意第二个“黑色斑点”完全关闭,而rec显然偏离中心。
滚动前
滚动后
答案 0 :(得分:0)
这里的问题是CSS:
* {box-sizing: border-box;}
但是,当应用于the demo时,我无法重现错误。我试图确定还会导致什么问题,但无论我尝试什么,它总是会解决回到边框问题。我用这个建议回答了我自己的问题:如果你碰巧遇到这个影响粘性表的罕见错误,请运行类似
的内容/* give to all elements, excluding report_table */
*:not(.report_table *) {
box-sizing: border-box;
}