Как привязать меню вверх при прокручивании страницы?

Question

[AhmedGasem]

Хочу чтоб при прокручивании страницы вниз меню оставалось в поле видимости,а не уходило вверх

Помогите пожалуйста=)Если есть какой-то класс в бутстрапе или через css как-то можно?В JS не очень разбираюсь,но если кто может скинуть мелкий скрип - буду очень благодарен=)
P.S. Спасибо!

Answer 1

[Дмитрий Скогорев]

Это ваше первое задание на фрилансе?
Попробуйте position: fixed;

Comments

[Максим Тимофеев]

)))) bootstrap до изучения основ css - зло. Представляю какой шок будет у автора, когда он узнает про flexbox, псевдо элементы и постпроцессоры.

Answer 2

[Николай Астраханцев]

Например меню (.top-navbar) высотой 50px приклееное к экрану:

.top-navbar{
position: fixed;
z-index: 10;
top: 0;
left: 0;
right 0:
width: 100%;
height: 50px;
}

Более правильный к вашему случаю (на bootstrap):

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" data-spy="affix" data-offset-top="50">
  <div class="container">
    ...
  </div>
</nav>

Нужно будет поработать с .affix в CSS