Вертикальный скроллинг. Как зафиксировать навигацию?

[Fendia]

Всем добрый день!

Подскажите, как зафиксировать навигацию при прокрутке страниц? Причем, хотелось бы, чтобы при прокрутке страницы шапка исчезала, а меню оставалось. Например, как здесь: http://p120.createme.tk/  -- при нажатии на пункт меню "Услуги", шапка исчезает, навигация -- остается. 

[Daniil Khanin]

ЧТобы это реализовать вам нужны знания Java script))), а  фиксация меню осуществляется   position:fixed;

[Sergik+]

Проще всего воспользоваться бутстрапом.

[Daniil Khanin]

Верно, http://bootstrap-ru.com/    

 

Хотя лучше конечно изучить html,css. для начала, ведь если человек задает вопрос как зафиксировать меню значит он не знает  про position:fixed; значит он не силен в css. 

 

Fendia изучить html,css. А потом уже бутстрап , ну а после js))  

[Fendia]

ведь если человек задает вопрос как зафиксировать меню значит он не знает  про position:fixed;  

 

Знаю я про position:fixed

 

Скажу по-другому:

вот еще пример сайта: http://www.nlp-marketing.ru/

Подскажите, КАК он работает? Что там стоит? Какой плагин/cкрипт?

Я себе установила скрипт вертикального скроллинга вот такой : http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/

Вроде, все работает. 

Но, как сделать, чтобы меню поднялось вверх при нажатии на пункт меню? вот так: http://savepic.org/6318503.jpg

position:fixed -- пробовала. Если я его применю, получиться вот так: http://savepic.ru/6125477.jpg

 

P.S. без Bootstrap

Edited October 24, 2014 by Fendia

[Sergik+]

У вас там отступ где то сверху, гадать можно бесконечно дайте ссылку на ваш сайт.

В инспекторе гляньте что у вас там за отступ.

И еще если делаете меню фикседом наверху то надеюсь не забыли боди паддинг дать ?

Edited October 24, 2014 by Sergik+

[Daniil Khanin]

Блин вот если вы не знаете js, зачем вы пытаетесь это реализовать??????  Начинали бы с самых основ js...

 

вот держите скрипт который при прокрутке добавляет к диву menu стиль position:fixed; а если прокрутка меньше чем 50 он ставит ему relative     

 

Секундочку  щас я его доработаю)))

 

Вот    http://jsfiddle.net/3eLozL4f/6/   

 

Тут по клику на ссылку вниз     срабатывает событие lol , которое прокручивает скролл  вниз на 300;

Edited October 24, 2014 by Daniil Khanin

[npofopr]

вот держите скрипт который при прокрутке добавляет к диву menu стиль position:fixed; а если прокрутка меньше чем 50 он ставит ему relative

разве работает? 

[Daniil Khanin]

 

А что не устраивает?

[artemhp]

 

 

А что не устраивает?

 

 

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

Применять стили в JS - тоже лихо. Вы же там вроде классы какие то создавали, почему не создать было отдельный css-класс и не применить ему необходимые свойства?

[Fendia]

Блин вот если вы не знаете js, зачем вы пытаетесь это реализовать??????  Начинали бы с самых основ js...

 

вот держите скрипт который при прокрутке добавляет к диву menu стиль position:fixed; а если прокрутка меньше чем 50 он ставит ему relative     

 

Секундочку  щас я его доработаю)))

 

Вот    http://jsfiddle.net/3eLozL4f/6/   

 

Тут по клику на ссылку вниз     срабатывает событие lol , которое прокручивает скролл  вниз на 300;

Нет, ничего не получается. Навигация не фиксируется! 

[webmax7]

там логика проста. проверяете js-ом scrollTop у body, если больше определенного значения - добавляете доп класс хедеру. А в стилях - если у хедера есть этот класс прячете ненужные элементы, меняете стили и т.д..