Всем доброго времени суток, уже не первый день бьюсь с неоднозначной проблемой.
Есть функция, которая принимает в себя элемент как параметр, вычисляет ее расположение относительно окна и если элемент видим в окне браузера, то срабатывает
classList.remove
(через
transition
)
Эта функция также срабатывает по скроллу и вызывается, если элемент уже виден со старта.
В чем состоит задумка: Пользователь заходит на страничку и если он видит элемент, то срабатывает анимация. Если элемент не в окне браузера, то он ждет когда до него доскроллят и также срабатывает анимация.
Проблема: Если элемент виден изначально, то класс даже не присваивается и анимация не срабатывает. Но если до него доскроллить с другого места, то все работает.
Буду очень благодарен, если поможете с решением проблемы.
Код:
https://codepen.io/anon/pen/BMyvOQ