Как правильно сверстать блок?

Question

[MRcracker]

Есть бок с меню. Оно плавающее и прикреплено к верхней части сайта. У меню position absolute, top 0. Под меню находится следующий блок. Меню на него заезжает и перекрывает часть контента. Есть какие-то способы это исправить кроме того, чтобы сделать отступ второго блока от верхней части экрана?

Comments

[Полина]

Вариант с отступом - обычная практика, чем он в вашем случае не устраивает?

Answer 1

[Lord_Dantes]

Делать менюшку абсолютом при скролле хотя бы на 1пх, а в начале экрана оставлять обычным блоком.

Answer 2

[Cheizer]

на событие scroll добавляйте класс к меню, а у этого класса стиль position:fixed;

$(window).on('scroll', function () {
        var scroll = $(window).scrollTop();
        if (scroll < 105) {
            $(".menu").removeClass("sticky");
        } else {
            $(".menu").addClass("sticky");
        }
    });