Umberto

Ok, thanks for your work

You did an excellent job, it's what I wanted One last question: with the new version of ScrollTriggrer, I can eliminate refreshPriority: -1, and add invalidateOnRefresh: true? Or should I leave everything as it is? THANKS

Of course, work calmly, I'm not in a hurry. The important thing is always to be able to solve the problem Thank you very much, I await with serenity

Ok, look this video: https://webgraphicart.com/video-h.mov Thanks

Thanks for the reply. I tried various browsers and resizing the layout, the space between the image and the section remains and Scrolltrigger does not refresh. To get everything back to normal I have to refresh the browser. Just to clarify, is the problem Scrollmother not updating when I resize? Thanks for the help

ohhhh Sorry my friend, I entered the same code as Codepen. Now everything is correct, you can see the error when you expand and shrink the layout Thanks

This work is perfect and I'm working on it. I found a new Horizolthal scroll, where I implemented SrollSmoother, but I have a problem when I widen and narrow the layout: In the first example, without SrollSmoother everything works https://codepen.io/umberto/pen/QWPNGLb In the second example, with SrollSmoother, the image pops out of the container https://codepen.io/umberto/pen/xxeVRxP The problem is that SrollSmoother doesn't refresh can you help me?

Thanks for your help

Hi, Sorry if I'm revisiting an old post of mine. I tried inserting images in the section to have the parallax effect. In the first section everything is ok, but from the second onwards a space is created between the images. https://codepen.io/umberto/pen/abxdwgN Can I get some help? Thank you

Hi, I'm trying to animate the text in the horizontal scroll section, but I see that the animation of the second and third sections doesn't start. I probably misconfigured scrolltrigger. Can you help me? Thanks

Sorry, this is the slittext version. https://codepen.io/umberto/pen/mdoEjjv As you can see from the example, the slides are not synchronized with the text. I tried but I can't Thank you

Of course, I tried to make various changes and this is the best result I got, but there are many problems both in entering and exiting the slides. https://codepen.io/umberto/pen/PoLzqVd I tried to add Splitext but I can't

Hi Cassie, I managed to make some changes and it's already starting to work the way I want. I don't understand why the animation doesn't start when I view the slides the first time, then later, when it starts again from the first slide, everything works fine. https://codepen.io/umberto/pen/bGZpGzw

Hi Cassie, thank you for the work you did, you eliminated some errors. I tried inserting text, yPercent: -100 and autoAlpha: 1 into the animation. If you click to scroll through the slides, you'll see that the text goes up and that's ok, but when you start over from the first slide, the text stays at yPercent: -100 and doesn't reset to yPercent: 0. Then autoAlpha 1 doesn't work. https://codepen.io/umberto/pen/bGZpGzw/ I also tried to insert Splittext but I couldn't Would you be so kind as to help me? Thank you for your times

https://codepen.io/umberto/pen/MWxaqNW/

Hi, the demo is in my first post, already edited as you asked. I'm sending it back https://codepen.io/umberto/pen/MWxaqNW https://codepen.io/umberto/pen/MWxaqNW Thanks

Sorry, I'll try to explain myself better. I tried to insert a text animation every time I change slides. The problem I would like to solve is: when I change slides, the text, both incoming and outgoing, does not create the desired effect: .set(splitPrevious, { autoAlpha: 1, yPercent: 0, xPercent: 0}) .to(splitPrevious, { duration: 1.2, autoAlpha: 0, yPercent: 60, xPercent: 20 }, 'start') .set(splitCurrent, { autoAlpha: 1, yPercent: 0, xPercent: 0}) .to(splitCurrent, { duration: 1.2, autoAlpha: 0, yPercent: -60, xPercent: 20 }, 'start') https://codepen.io/umberto/pen/MWxaqNW I hope I explained myself better Thanks for your time

Hi, I wanted to insert an animation text into this slide created with Observer. I've tried various things but I can't. I also tried with Splitext but nothing, it doesn't work. https://codepen.io/umberto/pen/MWxaqNW Can you help me? Thank you

Thank you very mach!

I already tried adding gsap.matchMedia(). , but when I resize it only scrolls the 1st panel/section, while the others remain hidden. I don't know how I can do https://codepen.io/umberto/pen/mdQWmwg

This is perfect. One last question: how can I disable horizontal sections on mobile and tablet? Thanks

Hi, I have a problem with the horizontal scroll when I resize the layout, the width of the panel doesn't adjust to 100%, it stays cut. How can I do? Thanks

I apologize for my bad English. Exactly, the image doesn't flow 100% in its container with class overflow: hidden. This happens if I increase the data-speed (example a data-speed:"1", data-speed:"2" or data-speed:"-1", data-speed:"-2"). What I wanted to understand if it was a Gsap or Css setting error. I have attached a photo to better understand the problem. Thank you

Hi, I wanted to create a parallax effect with images, using data attributes. But as you can see from the example, when you scroll the image doesn't stay fixed in its container. Is it possible to get help? Thank you

Sorry, I thought it was a gsap problem. I will try to fix everything. Thank you