Bootstrap 3 scrollspy无法正常工作

时间:2015-10-29 13:13:41

标签: html css twitter-bootstrap

我目前正在以下网站上工作: http://strauss.co.at/sup/

我想使用bootstrap的scrollspy来跟踪当前的菜单项。我将data-spy="scroll"data-target="#navbar"添加到了body标记中。 #navbar是bootstrap导航组件的容器(这是我在stackoverflow和其他站点上发现的很多不同文章)。它还行不通。我在这里错过了什么?

此外,我正在使用词缀插件使菜单在特定偏移后位于页面顶部。我可以看到有点跳跃。有什么方法可以平滑这个吗?我应该使用css 3转换来实现它,还是更多的是内容元素 - 被拉出流出的问题?

感谢

2 个答案:

答案 0 :(得分:1)

你真的很亲密!您只需将锚元素上的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。

答案 1 :(得分:0)

非常感谢!

我刚注意到TYPO3自动添加了链接的路径。我的模板中没有它。

我发现我也可以通过在链接中添加data-target="#id属性来解决此问题。