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

Question

[Влад]

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

Помогите, пожалуйста.

Answer 1

[devstudent]

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 1){  
        $('header').addClass("sticky");
    }
    else{
        $('header').removeClass("sticky");
    }
});
</script>

и прописать новому классу sticky новое положение с position:fixed;

Comments

[Артем Лучин]

Ну тогда уж scrollTop() должен быть больше координаты верхней грани меню. Иначе прилепится раньше и будет не красиво.

[devstudent]

Артем Лучин: это просто пример конечно надо регулировать по ситуации

[Влад]

devstudent: вроде у меня этот код заработал без дополнительных проблем.. всё отлично! спасибо большое :)

Answer 2

[Artem Dimitrov]

Решение без jQuery
Оставляет меню и сдвигает (если нужно) достигнув второго блока
https://codepen.io/artdimitrov/pen/EyPLda