Replies posted by acoppock

1 Reply

Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] On-Scroll Animations

Love these animations! This script is really helpful! I’ve been running into the same issues on mobile and I think I have a solution… For me, on mobile, I am only having the scaling issues with text that is already on the screen when the page loads. As it turns out, I think it’s just related to animate.css. Unbounce is using -webkit-transform: scale() to adjust text sizes on small screens. I think the animations are interfering with unbounce’s scaling via css transform. To deal with this, I just wrapped each of my text objects in a box in the unbounce editor and applied the animation to the box instead. Then, I commented out the line that was applying animate first on touchscreen devices. Now it’s all working! I also made some additional adjustments to the script so elements are animated when the are 1/3 of the screen height from the bottom of the screen…just personal preference.

107
C
1 year ago

Badge winners

Show all badges
Terms & ConditionsCookie settings