html - Bootstrap 3 scrollspy 不工作

标签 html css twitter-bootstrap

我目前正在以下网站上工作: 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/

相关文章:

html - 从 HTML 页面提交 "pure"HTTP 请求

javascript - 将鼠标悬停在单词上时,Reactjs 下拉菜单不显示

asp.net - BootMetro 定义网格布局的宽度

html - 如何使用 Bootstrap 对齐图标旁边的文本?

javascript - 如何替换div元素的内容?

javascript - 如何在没有位置 :relative? 的 div 内裁剪/居中图像

html - Django - 模板对象访问详细名称

html - 动态扩展左栏到页脚

fonts - 图标字体 - 图标高度大于预期

html - Bootstrap 中的复杂布局