0

Есть такой html:

<header>
</header>
<section class="welcome">
    <h1>на протяжении 30 лет занимается строительством домов по фахверк-технологии </h1>
</section>

Нужно, что бы как только в поле зрения появляется блок section у header менялся класс. Сейчас у меня такой код:

function scrollMe() {
    $(window).scroll(function () {

        //var refTarget = $('.navigation__list a');

        if ($(window).scrollTop() < '600') {
            $('header').addClass('header__wrap-scrolled');
        }

Но это не работает, так как расстояние постоянно меняется и появляется он то рано, то поздно. Есть решение?

1 ответ 1

1

Вы можете узнать позицию section так:

$('section').offset().top

и сравнить с $(window).scrollTop()

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.