Javascript 滚动时,始终在顶部的高位表格单元格中显示文本

Javascript 滚动时,始终在顶部的高位表格单元格中显示文本,javascript,html,css,Javascript,Html,Css,在我的项目中,我有一张桌子。在最左边的列中显示组;右边是细节。有时一个组中可能有许多条目,因此该组可能无法完全显示在屏幕上。由于左列中的文本显示在顶部,滚动时标签可能会消失 我为您添加了一个示例图片。红色区域表示视口。如果向下滚动,组1应保持可见,直到用户进一步向下滚动 有没有一种方法可以使用CSS或JavaScript将文本固定到屏幕顶部,只要单元格仍在视口中,滚动时文本就会保持在顶部 我找到了解决办法。首先,必须将组标签放入“”元素中。然后添加引导的“sticky top”类或以下属性: 。

在我的项目中,我有一张桌子。在最左边的列中显示组;右边是细节。有时一个组中可能有许多条目,因此该组可能无法完全显示在屏幕上。由于左列中的文本显示在顶部,滚动时标签可能会消失

我为您添加了一个示例图片。红色区域表示视口。如果向下滚动,组1应保持可见,直到用户进一步向下滚动

有没有一种方法可以使用CSS或JavaScript将文本固定到屏幕顶部,只要单元格仍在视口中,滚动时文本就会保持在顶部


我找到了解决办法。首先,必须将组标签放入“”元素中。然后添加引导的“sticky top”类或以下属性:

。粘性顶部{
职位:-网络工具包粘性;
位置:粘性;
排名:0;
}
例如:


团体
细节
细节

我找到了一个解决方案。首先,必须将组标签放入“”元素中。然后添加引导的“sticky top”类或以下属性:

。粘性顶部{
职位:-网络工具包粘性;
位置:粘性;
排名:0;
}
例如:


团体
细节
细节
我想,使用“position:sticky;”可以帮助您

div.sticky{
职位:-webkit sticky;/*Safari*/
位置:粘性;
排名:0;
}

我黏糊糊的!
我想,使用“position:sticky;”可以帮助您

div.sticky{
职位:-webkit sticky;/*Safari*/
位置:粘性;
排名:0;
}

我黏糊糊的!

请添加此文件的代码table@Vova我用Excel做了这个模型。实际的表是由knockout.js生成的,而且更复杂。请检查我的代码,添加此表的代码table@Vova我用Excel做了这个模型。实际的表是由knockout.js生成的,而且要复杂得多