twitter-bootstrap – bootstrap词缀 – 底部不起作用

发布时间：2020-12-17 21:24:27 所属栏目：安全来源：网络整理

导读：我正在使用bootstrap 3(当前版本). 我正在尝试使用affix-PlugIn创建导航. 我希望只要我上面有一个特定的导航链接,那么链接的类是“affix-top”,当我向下滚动这个特定的链接时,那么类应该改为“affix-bottom”. 但是：“词缀底部”类似乎没有出现. 以下是事实

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

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

但是：“词缀底部”类似乎没有出现.

以下是事实：

– >我有一个很长的侧边栏导航.

– >每个侧边栏超链接都链接到页面上的不同部分.

– >我将data-spy =“affix”data-offset-top =“60”data-offset-bottom =“200”添加到所有< li> -Elements中.

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

但：

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

–

我究竟做错了什么？

或者这是Bootstrap中的错误？

解决方法

你需要添加：
data-spy =“affix”data-offset-top =“60”data-offset-bottom =“200”
仅限于您的导航父DOM元素,例如ul或ol.

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!