Twitter的引导 - Scrollspy忽略ID

我有我的网站导航，其中的最后一个环节打开一个模式。 Scrollspy工作正常，但我不希望它突出显示在任何情况下打开模式的最后一个元素。Twitter的引导 - Scrollspy忽略ID

有没有办法做到这一点？

<nav> 
     <ul class="nav"> 
      <li class="current"> 
       <a href="#home">Home</a>   
      </li> 
      <li> 
       <a href="#leistungen">Leistungen</a>   
      </li> 
      <li> 
       <a href="#">Preise</a> 
      </li> 
      <li> 
       <a href="#">Referenzen</a> 
      </li> 
      <li> 
       <a href="#contact" data-toggle="modal">Kontakt</a>  
      </li> 
     </ul> 
    </nav>

来源

2013-07-08 Stantastic Stan Richter

请发表您的代码，特别是标记和使用的js代码的例子。否则就很难帮你 – Mangiucugna

使用Twitter的白手起家scrollspy.js //http://twitter.github.io/bootstrap/javascript.html#scrollspy –

这个问题是不是scrollspy插件内，但与资产净值成分，它会自动将“当前”类添加到单击的li元素。尝试更改当前类在css – Mangiucugna

我找到了一个解决方案，但没有添加额外的标记，但这并不是很漂亮。

仅当<a>包含href属性（至少在Bootstrap 3.x中）时，滚动条才会突出显示菜单项。因此，如果没有href，菜单项将永远不会突出显示。

我发现自举的scrollspy JS排除一些项目ID here的延伸，但这是2.x版。

用于您的问题的解决方案可能是：

<nav> 
    <ul class="nav"> 
     <li class="current"> 
      <a href="#home">Home</a>   
     </li> 
     <li> 
      <a href="#leistungen">Leistungen</a>   
     </li> 
     <li> 
      <a href="#">Preise</a> 
     </li> 
     <li> 
      <a href="#">Referenzen</a> 
     </li> 
     <li> 
      <a data-toggle="modal" data-target="#contact">Kontakt</a> <!-- See http://getbootstrap.com/javascript/#modals-usage --> 
     </li> 
    </ul> 
</nav>

来源

2013-09-20 06:57:10 Epoc

遗憾的是它没有为我工作。在我的示例中，活动项目在滚动时闪烁。 – Thomas

Twitter的引导 - Scrollspy忽略ID

回答

相关问题