使用 Bootstrap 的词缀时“跳过”

Question

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

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

我已拨出偏移量，以便在子导航卡到位时没有“跳过”或“跳跃”。我遇到的问题是 subnav 下方的内容在导航/subnav 下跳到页面上，因为 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() { // Adjust the next div here. Add a top margin });