Add Scroll Animation to HubSpot Page Content
HubSpot
To achieve a fade in animation like shown, follow the steps outlined.
Zoom Saved
Add the SR Animations module to the page.
Zoom Saved
Create a new scrolling animation and give it a class or ID. In this case I'm giving mine the class ".scrolling-module".
Zoom Saved
Click "Choose Animation Category" and select "Fade"
Zoom Saved
Click "Select a Fade Option"
Zoom Saved
From the "Fade Options" select the option you want. (ex: Fade-Up)
Zoom Saved
Click "Show Advanced Options" and expand the "Advanced Options".
Zoom Saved
You can also adjust the various other values here to fine tune the animation.\
\
For now we only want the animations to happen once.
Zoom Saved
On the module you want to animate, paste the class name you used for the animation in the **Class** field. In my case it would be "scrolling-module" without the period"."
Zoom Saved
This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe