I'm having an issue where the element being animated starts at the end position of the animation, and as you scroll it jumps to the start and then finishes.
<div class="image-placeholder scrollme animateme" data-crop="false" data-when="enter" data-from="0.8" data-to="0.0" data-translatey="200">
<div class="img" style="background: url(<?php the_sub_field('image'); ?>) no-repeat center center / cover; min-height: 400px;"></div>
</div>
For example. The image starts at 0.0, jumps to 0.8, and then finishes at 0.0, thus creating a jumpy animation. What can I do to fix this?
I'm having an issue where the element being animated starts at the end position of the animation, and as you scroll it jumps to the start and then finishes.
For example. The image starts at 0.0, jumps to 0.8, and then finishes at 0.0, thus creating a jumpy animation. What can I do to fix this?