4

我正在使用 bootstrap 3（当前版本）。

我正在尝试使用 affix-PlugIn 创建导航。我希望只要我在一个特定的导航链接之上，那么链接的类就是“affix-top”，当我向下滚动到这个特定链接的下方时，该类应该更改为“affix-bottom”。

但是：“词缀-底部”-Class 没有出现。

以下是事实：

-> 我有一个很长的侧边栏导航。

-> 每个侧边栏超链接链接到页面上的不同部分。

-> 我在所有 <li> 元素中添加了data-spy="affix" data-offset-top="60" data-offset-bottom="200" 。

现在，当我向下滚动并使用 Chrome 或 firefox 检查所有导航链接时，我可以看到，当我向下滚动到特定链接时，affix.js-plugin 将 "class"-attribute 从 class="affix-top " to class="affix" （这正是我所期望的）。

但：

当我进一步向下滚动时，类属性不会更改为 class="affix- bottom "。

-

我究竟做错了什么？

或者这是引导程序中的错误？

4

1 回答 1

1

您需要添加： data-spy="affix" data-offset-top="60" data-offset-bottom="200" 仅添加到您的导航父 DOM 元素，例如ul或ol.

data-offset-bottom是从页面底部的偏移量，所以可能 200 太小并且导航元素不会向下滚动到该高度。

要触发事件，请尝试增加该参数。

于 2014-11-18T09:00:54.370 回答