Задать вопрос
Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать подсветку меню сайта при скролле?

Как выделить активный пункт меню при скролле без jquery?

Доброго дня!

Не могу найти подходящее решение, все примеры только с использованием jquery..

Есть такая структура:

<ul>
<li><a href="#section1">section1</a></li>
<li><a href="#section2">section2</a></li>
<li><a href="#section3">section3</a></li>
<li><a href="#section4">section4</a></li>
<li><a href="#section5">section5</a></li>
</ul>

<section id="section1">section1</section>
<section id="section2">section2</section>
<section id="section3">section3</section>
<section id="section4">section4</section>
<section id="section5">section5</section>


Нужно чтобы при скролле добавлялся класс к пункту меню, если в области видимости определенная секция. Так же нужно чтобы этот класс удалялся.

Вроде логика простая, но знаний для реализации не хватает..
  • Вопрос задан
  • 103 просмотра
Подписаться 1 Средний 1 комментарий
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы