Would it be possible to modify the threshold for an animation triggering depending on its position in the viewport?
Currently we’re using the fade in on many blocks that appear above the fold. Some are within the viewport by enough to trigger the animation on page load, which is great. But for those blocks that are marginally too low in the viewport, the animation doesn’t start and it’s leaving the page looking empty, until the visitor scrolls enough to start the animation. The problem is the emptiness. It’s too large. An abyss of empty, and gives the visitor no reason to think there’s any content to scroll down for. The threshold to start the animation is a little too high in the viewport.
For our use case, it would be great if we could start the animation with even 1px of the block visible. We’re using the animation to mask a flash of unstyled content of a block that we’ve added to a group, and it’s fantastic for that purpose for us. The visitor observing the animation as a feature/experience in and of itself is not important to us.
Thank you for looking.
- The topic ‘Animation viewport threshold’ is closed to new replies.