Ivan Mocs

Thankssss, my problem has been solved, sorry for bothering you https://codepen.io/adeivan/pen/MWReBVG

Yes, I have seen it, but how do I get the card position to start directly from the first card?

Hello, I have a sliding card like the this https://codepen.io/adeivan/pen/XWqRPrr , but I can't seem to use it in my case, I made a new approach like this https://codepen.io/adeivan/pen/NWmrXwO how to make the animation the same as the previous code? so the new card enters the container > about 50% of the card enters the container > scale down to 0.8 > after the scale down is 100% complete > then opacity to 0

Wow, I didn't expect to be able to do it with such a simple code, thank you.

This is the sliding card I'm referring to https://codepen.io/adeivan/pen/XWqRPrr I tried using this, but the card is not stacked pin: ".panel .section-2", pinType: "fixed",

I have 2 animations, The main animation is a sliding section, and the 2nd animation is a sliding card that is placed inside the sliding section, is it possible to pin the sliding card to the sliding section?

how do I add a delay of about 3 seconds after the page is loaded, I tried adding a 3 second delay in gsap.to but when I scroll it doesn't want any delay I've also tried using a timeout outside of ScrollTrigger.batch with a duration of 500ms, but it makes it only execute half of the elements that will be displayed.

I have a problem when I add Y animation, why is the sliding animation when scrolling not correct? while without the Y animation, the sliding works, I've tried to init when onComplete but that doesn't fix the problem either.

how to drag content with a size larger than the container, if the size of the content is small it is fine, but if the size is large it cannot be dragged.

and this can lead to new problems, such as shifting without knowing the bounds.

yep, like this! but the movement is inverted, when I swipe left, the object moves right, likewise when up, the object moves down, I changed + to - in this code and it seems to fix the mistake const myObserver = Observer.create({ type: "wheel", wheelSpeed: 10, onChange(self) { xTo(getter("x") - self.deltaX); yTo(getter("y") - self.deltaY); } }); a suggestion from me, maybe you can create a new option for draggables like the one at https://ilyashubin.github.io/scrollbooster/ which is emulateScroll Thank you btw

maybe like on this site, can be swiped with a trackpad : https://amie.so/recap

I'm looking for an example of an obeserver with type "wheel" but I don't know how to do it.

how to zoom in & out by scrolling/pinching with finger with gsap, is there any template other than this? thank you.

this is my update code codepen.io/adeivan/pen/JjzBZKy I've tried it, and it works, but how do I get the scrolling on each section to finish before the other section enters? I used pinSpacing: false to get the section stack effect