Как сделать подсвечиание меню при пролистывание?

Question

[DeniSidorenko]

Добрый день, есть левое фиксированное меню. Хочется что бы при скролле, когда находишься на нужной секции подсвечивалось пункт меню. Сделал такое через inview.js, но проблема в том что если в экране попадала две секции, они оба загорались, подскажите как сделать что бы только одна загоралась. Можно ведь как то задать для inview что бы секция попадала через какой то offset, а то она слишком рано попадает в зоне видимости

Вот сам код

$('main > section').on('inview', function (event, isInView) {
        let sectionId = $(this).attr('id');
        if (isInView) {
            $('nav.menu a[href="#' + sectionId + '"]').parent().addClass('active');

        } else {
            $('nav.menu a[href="#' + sectionId + '"]').parent().removeClass('active');
        }
    });

Answer 1

[Nikita-Fast]

https://codepen.io/topicstarter/pen/BqdvQO

Comments

[DeniSidorenko]

Спасибо большое