我目前正在使用scrollspy
插件和affix
来自Bootstrap。
我设置了左侧边栏导航,菜单和子菜单以及...间谍工作正常。
但问题是:
一些注释(即使您仍然可以"查看源代码"在链接中):
<body data-spy="scroll">
<div class="bs-sidebar hidden-print" role="complementary" data-spy="affix" data-offset-top="70" data-offset-bottom="50">
去了什么?有什么想法吗?
答案 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 位置:相对;在你正在监视的元素上。在多数情况下 这是。