Streaming live at 10am (PST)

Parallax animation ends early on tall screens

I have a fairly simple parallax animation on the background image of this website:

When I have the browser in a normal/landscape aspect ratio, it works correctly and the animation happens the entire time the item is visible. When the browser is “tall” (like 2:1 ratio), the animation stops before the item is hidden.

Notice both the background (moving down) and icon rotation (counter-clockwise) stopping while they’re still in the viewport (they should continue to animate the whole way down):

Here is my site Read-Only:

Hi @jasondonnette welcome to the community! :smiley:

try turning on the interaction on other breakpoints:

Hope this helps :slight_smile:

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.