Scroll trigger on repetitive blog structure
Hello everybody,
I would like to make an action on each post of a blog when they enter the viewport.
i did the following, but the event is fired on all elements with the .blog-item class, i would like to be fired only when each blog-item element enter the viewport, could it be possible to pass something like "this" in jQuery from the ScrollTrigger?
Thanks all.
let articles = gsap.utils.toArray($(".blog-item > *"));
ScrollTrigger.create({
start: "bottom bottom
Here's a bonus demo for you from my course ScrollTrigger Express
Once you build your ScrollTriggers for each element in the loop, you can target child elements using querySelector()
This demo might help if you want to animate multiple items in each blog post section.
See the Pen b0b8e9c4a880b97379630f2ab9561407 by snorkltv (@snorkltv) on CodePen
