Bootstrap 4。.sticky-top更改为thead

时间:2017-08-31 10:50:16

标签: html css electron bootstrap-4

因为几天.sticky-top类不再适用于thead标签。上周它完美地工作了,现在我回来并在我的应用程序上尝试了一些东西,它停止了工作。有人知道为什么吗?

<thead class="sticky-top>
 ...
<thead>

这完全奏效了。现在我不能再使用它了。我测试它只是div和div仍然工作,但我得到一个电子dom错误,我不能产生一个div作为一个表的孩子,我不能产生thead / th作为div的孩子。

干杯, Puschek

4 个答案:

答案 0 :(得分:4)

对于解决此问题的所有人:

不知怎的,你不能直接粘贴在thead上(我只是想知道为什么它在1周前工作了......)所以你必须将元素粘贴到你的<thead>。所以只需给每个<th> .sticky-top类,它就可以正常运行。

问候

答案 1 :(得分:1)

我发现.sticky-top.table-responsive不能一起使用,以防万一您添加了它。

Here是一种折衷解决方案

答案 2 :(得分:0)

将元素从边到边定位在视口的顶部,但只有在滚过它之后才能定位。 .sticky-top实用程序使用CSS的position: sticky,并非所有浏览器都完全支持。

Microsoft Edge和IE11将position: sticky呈现为position: relative。因此,我们将样式包装在@supports查询中,将粘性限制为只能正确呈现它的浏览器。

<div class="sticky-top">...</div>

详细了解

https://getbootstrap.com/docs/4.0/utilities/position/#sticky-top

答案 3 :(得分:0)

欢呼声 我有同样的问题

检查: 很少有东西要纠正

  1. 确保标记或包裹导航的div是直接子项 身体标签(这很重要)!
  2. 确保直接父母; (正文)没有溢出属性 其余的都很正常 如果你像往常一样使用bootsrap 4:-add sticky-top,你也可以使用 单独的javascript tooo将工作!!
  3. http://blog.cloud66.com/position-sticky-problem/