javascript - 使用 Bootstrap 的词缀时“跳过”

Question

我正在尝试在粘性子导航中使用 Bootstraps Affix 函数。

<div class="container" data-spy="affix" data-offset-top="417" id="subnav">

我已经调整了偏移量，以便在子导航卡入到位时不会出现“跳过”或“跳转”。我遇到的问题是子导航下方的内容在导航/子导航下方跳到页面上，因为子导航从相对变为固定并且它失去了它的计算高度。

有没有办法解决这个问题？我最初的想法是向下一个添加正确填充或边距的 div 添加/删除类。

Here's a jsfiddle to help illustrate the problem .滚动时注意 H2。

Answer 1

我已经看过了。

当第二个滚动导航栏被 .affixed 时，它呈现一个 position:fixed，随后的 div 重新调整到它所在的空间，导致闪烁。

我尝试收听 affixed.bs.affix 但没有成功，但这就是我要检查的路线。参见 http://getbootstrap.com/javascript/#affix-events .

一般应该是这样的:

$("#subnav").on("affixed.bs.affix", function() {
//在这里调整下一个 div。添加上边距
});