我目前正在以下网站上工作: http://strauss.co.at/sup/
我想使用bootstrap的scrollspy来跟踪当前的菜单项。我将data-spy="scroll"
和data-target="#navbar"
添加到了body标记中。 #navbar
是bootstrap导航组件的容器(这是我在stackoverflow和其他站点上发现的很多不同文章)。它还行不通。我在这里错过了什么?
此外,我正在使用词缀插件使菜单在特定偏移后位于页面顶部。我可以看到有点跳跃。有什么方法可以平滑这个吗?我应该使用css 3转换来实现它,还是更多的是内容元素 - 被拉出流出的问题?
感谢
答案 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
属性来解决此问题。