Есть некоторый блок div. Пользователь скроллит страницу. Нужно сделать так, чтобы к данному div добавлялся класс active тогда, когда этот div станет на 100 % виден пользователю. Также этот класс active должен убираться, когда div на 100 % пропадает из поля зрения пользователя при дальнейшем скролле.
Помогите, пожалуйста, написать данный скрипт. Я новичок в сфере JavaScript программирования и хочу досконально разобраться в вышеуказанном вопросе. Именно поэтому меня не интересуют решения данной проблемы средствами различных плагинов, программ, библиотек и JQuery. Только чистый JavaScript. Буду очень благодарен, если поможете, заранее спасибо.
