Active Navigation Anchor Links

Question

Я сделал поиск как здесь, так и через Google, я пробовал все коды, которые они мне дали, и ни один из них не удался. Я понятия не имею, почему они не работают. В основном, когда вы прокрутите страницу и достичь ссылку якорный «о» Я хочу «о», который будет выделен, пока не дойдете до «события» и т.д.

<div id="menu-wrapper"> 
    <div id="menu"> 
      <ul> 
      <li class="logo"><a href="#home"><img src="/images/ccky_logo.png" height="60"/></a></li> 
      <li><a href="#home">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#events">Events</a></li> 
      <li><a href="#team">Team</a></li> 
      <li><a href="#location">Location</a></li> 
      <li><a href="#contact">Contact</a></li> 
     </ul> 
    </div> 
    <!-- end #menu --> 
</div> 

Спасибо!

Answer 1

Вы можете использовать Scrollspy Bootstrap для достижения этого эффекта: http://twitter.github.io/bootstrap/javascript.html#scrollspy

После того, как вы реализовали плагин JavaScript просто называют его $('#menu').scrollspy().

В вашем HTML просто добавьте параметры загрузки данных, которые вы хотите использовать.