pardieiro

Solved, thank you very much, dude!

Observing the End mark, it reaches the top, making the vertical scroll work again, before the blue div ends, how can we resolve this so that the vertical scroll returns at the beginning of the red div?

Thank you my friend!!!!!!!! That resolved it. It's incredible how a lowercase S changes everything hahaha. At the end of the animation (returning to vertical) it starts before finishing the horizontal scrolling, is there a way to solve this?

I did it in codepen, what happens is different from wordpress, in wordpress nothing happens, but let's go by parts. In this case it happens quickly and automatically, ignoring the 100vw css https://codepen.io/pardieiro/pen/VwRPPeK

Guys, I would like your help, I've already followed tutorials and none of them work, the Green Sock example on Codepen is with an image, I didn't understand it well.I want to make a wide section ( 5 * 100vw ) horizontal scroll <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> <script> gsap.registerPlugin(ScrollTrigger); const jogos = document.querySelector(".jogos"); let tl = gsap.timeline({ ScrollTrigger:{ trigger: jogos, start: "left left", end: () => "+=" + 5 * jogos.offsetWidth + "px", scrub: 1, pin: true, } }); tl.to(jogos, { xPercent: -400, ease: "none", }); </script>