当溢出设置为滚动/自动时,位置粘性在表标题上不起作用

时间:2019-12-10 08:30:03

标签: javascript html css angular bootstrap-4

我找到了很多解决方案,但没有任何效果,因此再次发布了此问题。我有一张桌子上面有水平滚动条。我试图将表头设置为粘性,但我可以使用poition:sticky来完成,但是滚动停止了。

有什么方法可以同时使用CSS?

这里有一个简单的Fiddle供您参考。

更新 与其在表主体上添加滚动条,还不如使其与主页滚动相同。为此,也可以使用任何纯JS或角度解决方案。 当用户将滚动浏览页面而不是表格时,标题应该是粘性的

2 个答案:

答案 0 :(得分:0)

如果仅坚持使用CSS,然后在“响应式”类中添加指定的高度,则标头将粘贴,但仅在响应div内。

如果将表元素替换为标题和正文的分隔div,则可以实现。

答案 1 :(得分:0)

    .responsive {
    width: 400px;
    max-height: 100vh;
    overflow-x: scroll;
}

这可以帮助您提供所需的行为