滚动间谍和afix的问题

时间:2014-10-31 11:33:38

标签: javascript jquery html css twitter-bootstrap

我目前正在使用scrollspy插件和affix来自Bootstrap。

我设置了左侧边栏导航,菜单和子菜单以及...间谍工作正常。

但问题是:

  • 当页面加载时,我的主菜单项" Docs",有类"活动"并突出显示。应该
  • 当用户向下滚动,并且scrollspy(?)插件接管时," Docs"主要项目没有突出显示。

一些注释(即使您仍然可以"查看源代码"在链接中):

  • 我的身体标签:<body data-spy="scroll">
  • 我的主要侧边栏标记:<div class="bs-sidebar hidden-print" role="complementary" data-spy="affix" data-offset-top="70" data-offset-bottom="50">
  • 我也使用小脚本来实现平滑滚动功能,但我认为它不会影响它。

去了什么?有什么想法吗?


网站: http://osxpeppermint.com/documentation

1 个答案:

答案 0 :(得分:1)

  

文档:要轻松地将滚动行为添加到顶部栏导航,请添加   data-spy =“滚动”到你想要监视的元素(最典型的是   这将是)。然后使用。添加data-target属性   任何Bootstrap .nav组件的父元素的ID或类。

 <body data-spy="scroll" data-target=".navbar-example">

因此,您需要确定您正在监视的导航:侧面或顶部。

此数据目标是.nav(nav的包装器)的直接父级的.class或#id。请参阅此处的文档: http://getbootstrap.com/javascript/#scrollspy

另外,确保你的身体有相对位置:

  

需要相对定位

     

无论执行方法如何,都需要使用scrollspy   位置:相对;在你正在监视的元素上。在多数情况下   这是。