我目前正在以下网站上工作: http://strauss.co.at/sup/
我想使用 bootstrap 的 scrollspy 来跟踪当前的菜单项。我将 data-spy="scroll"
和 data-target="#navbar"
添加到正文标签中。 #navbar
是 bootstrap nav 组件的容器(这是我在 stackoverflow 和其他网站上的许多不同文章中发现的内容)。仍然不起作用。我在这里错过了什么?
此外,我使用词缀插件使菜单在特定偏移量后位于页面顶部。我可以看到那里有点跳跃。有什么办法可以解决这个问题吗?我应该使用 css 3 转换来完成它还是更多的内容元素被拉出流程问题?
谢谢
最佳答案
你真的很接近!您只需将 anchor 元素上的 href 更改为要将 scrollspy 链接到的元素的 id。
例如,您有:
<a href="/sup/#sup-in-der-physiotherapie">SUP in der Physiotherapie</a>
你应该:
<a href="#sup-in-der-physiotherapie">SUP in der Physiotherapie</a>
请注意,使用 inspect element 简单地更改它是行不通的,而 Bootstrap 在 DOM 首次加载时使用 javascript 来启动 scrollspy。
关于html - Bootstrap 3 scrollspy 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33415255/