After complete page load - smooth animations

Created on 15 February 2021, almost 4 years ago
Updated 2 October 2024, 3 months ago

I have AOS working on several sites, and have noticed that when new visitors visit for the first time, sometimes the animations can stutter or jump a bit, as it seems they try to happen at the same time as other page elements are loading, I'm guessing. Is there some way to ensure/set the animate on scroll animation js to initiate/start working only after all other page elements have finished to ensure they play smoothly on load?

πŸ’¬ Support request
Status

Closed: works as designed

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States w01f

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡«πŸ‡·France dqd London | N.Y.C | Paris | Hamburg | Berlin

    Thanks for the report. This is a little bit in the nature of animation on scroll libraries. And it is an issue rather discussed with the original developers of such libraries. This module just provides the implementation for Drupal. And Drupal loads all CSS and JS in the for Drupal required order. Only thing you can try is to change the weight of the modules libraries load to be loaded as the last. But it somewhat contradicts partly the goal of this library, which wants to fire animations on scroll. Which would probably load new content when using pages like "load more on scroll". A fairly often use case.

    But feel free to -reopen for more ideas or if anyone else can chime in on this with useful input.

Production build 0.71.5 2024