bootstrap词缀 - 底部不起作用

时间:2014-06-02 22:28:01

标签: twitter-bootstrap affix

我正在使用bootstrap 3(当前版本)。

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

但是:“词缀 - 底部” - 类没有出现。

以下是事实:

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

- >每个侧边栏超链接都链接到页面上的其他部分。

- >我在所有< li> -Elements中添加了 data-spy =“affix”data-offset-top =“60”data-offset-bottom =“200”

现在,当我向下滚动并检查Chrome或firefox的所有导航链接时,我可以看到当我向下滚动到特定链接时,affix.js-plugin会更改“class”-attribute from class =“ affix-top“to class =”affix“(这正是我所期待的)。

当我向下滚动时,类 - 属性不会更改为class =“affix- bottom ”。

-

我做错了什么?

或者这是Bootstrap中的错误吗?

1 个答案:

答案 0 :(得分:1)

您需要添加: data-spy="affix" data-offset-top="60" data-offset-bottom="200" 仅限于您的导航父DOM元素,例如ulol

data-offset-bottom是页面底部的偏移量,因此可能200太小而导航元素不会向下滚动到该高度。

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