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

回答

相關問題