CheapThailand
@CheapThailand
учусь путешествовать

Как сделать верхнее меню, что бы оно прокручивалось до верха сайта и там фиксировалось?

Меню должно находится от верха примерно в 100px. В bootstrap есть класс "navbar-fixed-top", он жестко фиксирует меню сверху. Как сделать, чтобы меню при прокрутке сначала было НЕфиксированное, а соприкоснувшись с верхом, там оставалось, то есть становилось ФИКСИРОВАННЫМ? Спасибо!
  • Вопрос задан
  • 1924 просмотра
Решения вопроса 1
@jasper-blondin
При прокрутке страницы сайта (событие scroll) проверять текущую позицию ползунка. Если страница прокручена более, чем на 100px, присваивать контейнеру меню необходимый Bootstrap-класс, если менее -- удалять соответствующий класс.
Учесть: при фиксации меню необходимо создавать на его прежнем месте в теле страницы блок, по размерам совпадающий с меню. Это позволит избежать скачка при удалении меню из привычного потока элементов на странице.
Если не привязываться к Bootstrap, есть плагины, которые позволяют фиксировать меню при прокрутке. Поищите.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Сделайте меню сразу фиксированным, но контент сдвиньте вниз на высоту меню через css.

Пример как сделать, чтобы якоря при этом корректно работали.
https://jsfiddle.net/QW01_01/4rav53j6/1/
Ответ написан
CheapThailand
@CheapThailand Автор вопроса
учусь путешествовать
Всем спасибо!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы