Animating Code Only When In View.

New Member
15 0 0

I have added some css code to animate a sideways bar chart so that it slides from the left into view once. It works and looks great, i just have one problem, it only animates when the website is refreshed or updates, the issue is the content is lower than the can be seen on the page, so you need to scroll down to see it, but by the time you have scrolled down it's already animated.

My Question: Is there anyway to make it animate only when in view?

Is there any way to say something like "when shopify-section.... is in view then... (animate the bar chart)" but in code.

 

Any help would be greatly appreciate, Alfie

0 Likes