Oleh Koval

I can't figure out how to make the carousel right when scrolling. For example ScrollTrigger (trigger: ".carousel-outer", start: "center center") After that we scroll down the carousel is fixed and the slides are changed. Just as it works now when we click on the dots. Help me please!

How to animate svg using GSAP? In my example, these are lines. Hover on this area https://prnt.sc/111ifp1 to bend the lines. It is possible?

https://codepen.io/oleh-koval/pen/VwKxZZW Try scrolling through section 2. Look at the behavior of this element https://prnt.sc/wg1a5f

Why does this code not work correctly if I add it to your code? ScrollTrigger.create({ trigger: ".wrap", start: "top top", end: "bottom bottom", pin: "#head02", pinSpacing: false }); I have a problem with this and EVERYTHING !!!

You are moving in the wrong direction. See how the map https://prnt.sc/wfwlqt is fixed to the text when scrolling.

Hey @mikel Watch this video https://drive.google.com/file/d/1XwdBkxtBxh6JTMfsJglz3y3SmMHbdhVU/view?usp=sharing That's what it's for.

I need something else. Watch this video to understand the problem https://drive.google.com/file/d/1dOhJJ7mWgf4y0OTZMiap3b6X-QTyoF3t/view?usp=sharing

See how this code https://prnt.sc/wfimns works in my example. This block is not fixed, but disappears first and appears at the end of the section. Although it should fixed smoothly within this section.

Help me solve the problem. When scrolling, the section smoothly transitions to transparent, and the bottom section overlaps it. But inside one of the section I need to fixed the element on scrolling. Why is it wrong https://prnt.sc/wfh63c works. I don't understand why it doesn't work properly. See an example.