Сделал фиксированное меню при скроле, как его показывать после первого экрана?

Question

[Просто Харли]

У первого экрана нету фиксированной высоты в px, а в JS скрипте нужно указать после какой высоты меню перейдёт в фиксированное состояние. Первый экран 100vh. В скрипте не получается указать 100vh и 100%. Как быть?

$(window).bind('scroll', function () {
if ($(window).scrollTop() > 100) {
    $('.menu').addClass('fixed');
    $('.main').addClass('body_scroll');
} else {
    $('.menu').removeClass('fixed');
    $('.main').removeClass('body_scroll');
}
});

Comments

[Владимир Проскурин]

Не кидайте код картинкой, уважайте сообщество. Есть же тег для кода специальный на панельке редактора.

[Просто Харли]

Владимир Проскурин, исправил

Answer 1

[Виктор]

Высота текущего экрана
window.innerHeight
Или просто брать высоту первого блока
$(selector).outerHeight();

Answer 2

[ParaBellum577]

Можно и так: window.pageYOffset

Проконсоль для начала, чтобы понять сколько пикселей нужно отступить, а потом добавь условие.
Допустим: window.pageYOffset > 600 ? show.modal : hide.modal