我找到了很多解决方案,但没有任何效果,因此再次发布了此问题。我有一张桌子上面有水平滚动条。我试图将表头设置为粘性,但我可以使用poition:sticky
来完成,但是滚动停止了。
有什么方法可以同时使用CSS?
这里有一个简单的Fiddle供您参考。
更新 与其在表主体上添加滚动条,还不如使其与主页滚动相同。为此,也可以使用任何纯JS或角度解决方案。 当用户将滚动浏览页面而不是表格时,标题应该是粘性的。
答案 0 :(得分:0)
如果仅坚持使用CSS,然后在“响应式”类中添加指定的高度,则标头将粘贴,但仅在响应div内。
如果将表元素替换为标题和正文的分隔div,则可以实现。
答案 1 :(得分:0)
.responsive {
width: 400px;
max-height: 100vh;
overflow-x: scroll;
}
这可以帮助您提供所需的行为