Question

我有一个菜单，其中包含指向其他页面的链接（使用相同的菜单）现在我在主页上添加了scrollspy，并将主页中的部分添加到菜单中。现在我的菜单看起来像：

<li class=""><a href="/home">Home</a></li>
<li class=""><a href="/home/#foo">Foo</a></li>
<li class=""><a href="/home/#boo">Boo</a></li>
<li class=""><a href="/moo">Moo</a></li>

但是scrollspy不起作用。当我从部分链接中删除“/ home /”时，scrollspy可以正常工作，但菜单仅适用于主页。可以做我需要的吗？

Answer 1

我的解决方案是在服务器端检查我是否在主页上，如果不是我在部分之前添加/ home。所以我的代码现在看起来像：

<li class=""><a href="/home">Home</a></li>
<li class=""><a href="@if(section.contains("home")){#foo} else{/home/{#foo}">Foo</a></li>
<li class=""><a href="@if(section.contains("home")){#boo} else{/home/{#boo}">Boo</a></li>
<li class=""><a href="/moo">Moo</a></li>

服务器端的代码是在scala中（我使用的是play框架），但是在php和其他任何类似的东西中。

Twitter Bootstrap在菜单中滚动

1 个答案: