Hi everyone,
We’re testing scroll-linked animations on a landing page built with Tailwind and custom JS for our client project hosted at https://noveltyads.com. Specific… (Máis información)
Hi everyone,
We’re testing scroll-linked animations on a landing page built with Tailwind and custom JS for our client project hosted at https://noveltyads.com. Specifically, we’re exploring the ViewTimeline API and CSS animation-timeline for a horizontal scroll section.
While everything works smoothly in Chromium-based browsers, we’ve noticed Firefox behaves inconsistently in the following ways:
The animation-timeline: view() property doesn’t always trigger on scroll as expected.
Debugging with Firefox DevTools, the animations don’t appear in the Animation panel at all.
We confirmed that no polyfills or fallbacks are interfering.
This is happening on a custom-built section on this live test page: https://noveltyads.com (it’s a mock client version for internal QA — nothing behind a paywall or login).
Has anyone experienced similar behavior with Firefox’s scroll-driven animations or ViewTimeline implementation?
We’d love to know:
Whether Firefox fully supports ViewTimeline (or still considers it experimental)
Any DevTools flags or settings needed to see scroll animations properly
If there's a better way to ensure cross-browser consistency using native APIs
Thanks a lot for your help and insights!
—
Usama