Как закрепить меню в header при прокрутке?

  • Решено growerr

    (@growerr)


    2 года, 7 месяцев назад

    Здравствуйте!
    Помогите, пожалуйста, закрепить верхнее меню, чтоб не уезжало при скроллинге страниц.
    Штатными средствами не нашёл как реализовать…

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • zgd41

    (@zgd41)

    2 года, 7 месяцев назад

    Поиграйтесь со свойством CSS position: sticky; у блока main-menu
    На первый взгляд не вижу у вас возможных трудностей с применением этого свойства, родительский блок content позволяет закрепить меню при прокрутке до самого низа сайта

    qwert555

    (@qwert555)

    2 года, 7 месяцев назад

    #main-menu {
  font-family: 'Raleway', sans-serif;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
    Автор growerr

    (@growerr)

    2 года, 7 месяцев назад

    zgd41, и особенно qwert555
    Огромное Вам спасибо за помощь! Всё получилось! 🙂

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Как закрепить меню в header при прокрутке?» закрыта для новых ответов.