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

Question

[Сергей Котов]

есть svg блоки нужно добавить к ним класс если он находится в области видимости браузера?
как это реализовать?

Comments

[alex]

лол, а загуглить никак, кек?

Answer 1

[Сергей Смирнов]

получить координаты элемента https://learn.javascript.ru/coordinates
Далее через window.onscroll сравниваем, входит ли элемент в видимость области браузера и накидываем класс,
при промотке класс можно снова убирать.
Простейший пример https://ru.js.cx/task/avatar-above-scroll/solution/