Animate element when on screen

Hi, does anyone know a good way to animate an element as soon as it enters the screen when scrolling? So when you scroll down to it, it animates into visibility? I know I could do this manually with a workflow item checking for scrolling position, but this breaks if the element’s Y position changes due to responsive layout. Ideally I’d like to animate when the page scrolling position is greater than the element’s Y position minus the viewport’s height, to ensure it works on all screen sizes.

I would suggest trying to make a mobile target version that displays a mobile page when the height is < than your target range. This way you can ensure the animation occurs approximately correctly.

This topic was automatically closed after 70 days. New replies are no longer allowed.