Skrollr.js не синхронизирован с окном просмотра
Я сейчас использую Skrollr, но каким-то образом мои анимации запускаются намного позже или раньше, чем должны, и они меняются каждый раз, когда я загружаю веб-страницу. Например:
<DIV data-bottom-top="opacity: 0;" data-center-center="opacity: 1"> This is some text </DIV>
В идеале это должно отображаться как прозрачный текст в нижней части моего экрана (верхняя часть элемента находится внизу области просмотра), тогда, когда он перемещается в точный центр моего экрана, непрозрачность должна быть полностью равна 1 Когда я загрузил его в Chrome, непрозрачность становится примерно на 200 пикселей выше центра экрана. Когда я впервые загрузил его в Firefox, он был таким же. Когда я снова загрузил его в Firefox, непрозрачность была около 100 пикселей ниже центра экрана. В чем дело?
Спасибо