Bootstrap 4 .sticky-top 对thead的更改答案

【问题标题】：Bootstrap 4 .sticky-top changes to theadBootstrap 4 .sticky-top 对thead的更改
【发布时间】：2018-02-09 07:18:19
【问题描述】：

几天以来，.sticky-top 类不再适用于广告标签。上周它运行得很好，现在我回来在我的应用程序上尝试了一些东西，它停止了工作。有人知道为什么吗？

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

这简直完美。现在我不能再使用它了。我只用 div 对其进行了测试，对于 div 它仍然有效，但是我得到一个电子域错误，我无法将 div 作为表的子级生成，也无法将 thead/th 作为 div 的子级生成。

干杯，普舍克

【问题讨论】：

【解决方案1】：

对于所有对此问题感兴趣的人：

不知何故，您不能直接在头上粘贴顶部（我只是想知道为什么它在 1 周前起作用......）所以您必须将元素粘贴到您的 <thead> 上。所以只要给每个<th> 一个.sticky-top 类，它就可以正常工作。

问候

【讨论】：

【解决方案2】：

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

Here 是一个折中的解决方案

【讨论】：

【解决方案3】：

将一个元素定位在视口的顶部，从一个边缘到另一个边缘，但只有在您滚动过去之后。 .sticky-top 实用程序使用 CSS 的 position: sticky，并非所有浏览器都完全支持。

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

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

【讨论】：

我的应用程序在电子 1.7.5 中运行，我假设铬 58。几天前它起作用了。由于其他软件包的一些问题，我不得不更新 boostrap，之后我就不能再在广告标签上使用sticky-top了！

【解决方案4】：

干杯我有同样的问题

检查：需要纠正的东西很少

确保标签或包裹导航的 div 是直接子元素身体标签（这很重要）！
确保直接父母； (body) 没有溢出属性其余正常如果您使用的是 bootsrap 4 ：-像往常一样添加sticky-top，或者您可以使用单独的 javascript 也可以使用！！

【讨论】：