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

Jack, просто не нужно отнимать высоту хедера

window.addEventListener('scroll', () => {
let scrollDistance = window.scrollY;

    document.querySelectorAll('.section').forEach((el, i) => { // Находим все секции или заголовки
    if (el.offsetTop <= scrollDistance) {
        document.querySelectorAll('.menu-item').forEach((el) => {
        if (el.classList.contains('menu-item--active')) {
            el.classList.remove('menu-item--active');
        }
        });

        document.querySelectorAll('.menu-item')[i].classList.add('menu-item--active');
    }
    });
});

Как применить событие change к текущему элементу?

Спасибо огромное!

Как при клике на текущий элемент убрать класс у остальный?

Спасибо! То что надо

Как при добавлении class текущему элементу, удалить этот class у другого?

=) блин, логично)

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

RAX7,
вот код, все работает
https://codepen.io/oleglantuh/pen/omzRop

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

Спасибо огромное!)

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

Froggyweb, Там без этого к сожалению никак, у checkbox есть label со значением названия континента, когда checkbox отмечен, название выделяется цветом.
Также есть SVG карта, каждый континент обернут в сылку, необходимо кликая по континенту, отмечать checkbox

<a href="javascript:void(0);" data-id="continent-1"><path d="..." /></a>
<label>
Африка
<input type="checkbox" id="continent-1">
</label>