Как добавить класс элементу при его появлении в зоне видимости (на экране устройства)?
Есть некоторый элемент (element) HTML страницы. Нужно сделать так, чтобы данному элементу добавлялся класс active тогда, когда элемент появляется на экране устройства (в зоне видимости). Класс active должен убираться, когда элемент пропадает из зоны видимости. Интересует решение на чистом JS, без JQuery, плагинов и библиотек. Ну или хотя бы какие-либо подсказки по данному вопросу. Благодарю заранее.