Присоединен к автономной навигации Проблема

Question

В настоящее время я создаю свое личное портфолио и не имею много практических знаний в javascript, но, пройдя много учебников, я решил попытаться реализовать то, что я видел в другом месте: съемная навигация ,

Используя этот сайт, http://code.stephenmorley.org/javascript/detachable-navigation/, в качестве справки я приступил к созданию моей отсоединяющей навигации; однако что-то пошло ужасно неправильно.

Во-первых, заголовок автоматически выравнивается слева, а не возвращается к его положению по умолчанию.

Во-вторых, хотя вы еще не можете его реализовать, я хотел, чтобы социальные значки отображались в навигации, как только они прокручивались мимо, используя анимацию. Этот бит кода был настолько запутан, что я его отказал.

Любые указатели были бы весьма благодарны.

Answer 1

Почему бы просто не использовать Bootstrap? Он это уже построен в: http://twitter.github.com/bootstrap/components.html#navbar

1. Скачать самозагрузки: http://twitter.github.com/bootstrap/assets/bootstrap.zip

2. Добавить bootsrap Javascript и CSS на страницу.

3. В вашем HTML, добавьте следующий DIV:

Вы можете изменить DIV, чтобы соответствовать вашим потребностям.

<div class="navbar navbar-fixed-top"> 
    <li class="active"> 
     <a href="#">Home</a> 
    </li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
</div>