Задать вопрос
Sc0undRel
@Sc0undRel

Как зафиксировать меню?

У меня горизонтальное меню на сайте находится не в начале страницы, а чуть ниже. Как сделать, чтобы после прокрутки вниз до уровня меню его расположение фиксировалось - закреплялось top 0 ?

Помогите, пожалуйста.
  • Вопрос задан
  • 121 просмотр
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@devstudent
frontend-developer
<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 1){  
        $('header').addClass("sticky");
    }
    else{
        $('header').removeClass("sticky");
    }
});
</script>

и прописать новому классу sticky новое положение с position:fixed;
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
artdimitrov
@artdimitrov
front-end dev
Решение без jQuery
Оставляет меню и сдвигает (если нужно) достигнув второго блока
https://codepen.io/artdimitrov/pen/EyPLda
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы