Как определить, какой элемент находится в окне просмотра браузера?

Question

Я нахожусь в процессе создания навигации с точками привязки на той же странице, и когда мы прокручиваем элемент навигации, соответствующий элементу в окне просмотра браузера, выделяется или изменяет цвет. Вот пример того, чего я хочу достичь https://www.chargebee.com/docs/mail-merge.html

Я хочу сделать это для сайта на WordPress, где у нас есть много статей поддержки. Был бы признателен за некоторые идеи и предложения.

Answer 1

В JS только вы можете использовать Intersection Observer , чтобы узнать, когда элемент находится в поле зрения.