I would like to implement in my Shopify website a script/css code, that shows product while the user is scrolling down.
To give you an idea of what I'm talking about, I would like to do something similar to what the website Golden Concept does, that is: https://gyazo.com/fb7eb898e905d122136cdb2bac0cffc6
As you can see, their products show up while scrolling down.
Hope someone can help me!
Thanks in advance,
UPDATE: DISCOVERED HOW TO SOLVE
Add these 2 tags between <head></head> tags in theme.liquid:
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
Then add this line in theme.js:
Finally add to every element you want to animate while scrolling this attribute:
Subsitute "animation_name" with the effect you want. You can choose an effect from this website: https://michalsnik.github.io/aos/
<div class="box a" data-aos="fade-up"> <h2>Test.</h2> </div>
Hope this can help someone :)