JoePham

no worries i found solution thanks you

Hi btw do you how to pause `scroll` for few seconds when user `OnEnterBack` ??? coz the problem i got now when user `OnLeave` and suddenly `OnEnterBack` with a strongly Swipe will make the object move very fast maybe right to the top within 1 seconds

Thanks you man you're my hero

Hi this my project with Gsap using ScrollTrigger , Motion Path I create a function to delay speed of scroll 20px/per scroll ( mouse wheel ) but some how when character reach to section which is near bottom the speed suddenly slow down ( but the Speed 20px/per scroll still work you can check the scroll spacing between scroll ) i tried to find the reason why but still dont understand ( should i not try to control speed of the mouse ) ? is there anybody can help me on this ? at least show me the reason ??

here video I want to know the keywords or see a demo of the navigation animation shown in the video above. I tried creating it with vanilla JavaScript, but it doesn't seem smooth and has a lot of issues. I hope I can find a demo that I can take a look at.

i got this problem right here at X axis like when my object reached to the X axis then container will auto move up when i scroll down ? i mean when ever my object reached the X the container will move up so any one know what is the problem of my demo ??? really need some help about this thanks for watching this

Thanks you bro this help me alot

Hi i have a code from pen but i dont know how to move to next section 3 without create more spacing below section 2 ??

Here my code i have fews question 1. but when i scroll to section 4 i still see the cloud at the first time so how can i push all the cloud to the right and only show when i scroll ?? 2. is there any way to optimize my script code it look like a mess ...

Hi guys, im working on a project but have some problem with the "Pin" function its seem cannot pin while user scroll through the Pin function is only work when user scroll up ?? how can i fix it ?

https://codepen.io/phm-thanh-li-m-the-animator/pen/ZEvZjeM hi this is my minimal code with the extra code but look like its not working right can you tell me why ? thanks my extra code is for reduce speed of the object without using height because in my project if use the height to reduce it create another conflict ..

https://codepen.io/phm-thanh-li-m-the-animator/pen/ZEvZjeM hi this is my minimal code with the extra code but look like its not working right can you tell me why ? thanks

i found this scroll code ... and my question is how can i combine demo code with this code below this code below can control speed of the object thanks for you times ! let anim = gsap.to("#cat", { paused: true, immediateRender: true, ease: "none", motionPath: { path: "#text-curve", align: "#text-curve", alignOrigin: [0.5, 0.5], autoRotate: true, } }); let progressTo = gsap.quickTo(anim, "progress", { duration: 0.5, ease: "expo" }); let catTo = gsap.quickTo("#cat", "rotationY") Observer.create({ type: "wheel,touch,pointer", wheelSpeed: -1, onUp() { progressTo(anim.progress() + 0.1); }, onDown() { progressTo(anim.progress() - 0.1); }, onToggleY(self) { let rotation = self.deltaY < 0 ? 180 : 0; catTo(rotation); } });

Hi everyones I got stuck at the rotation so my question is how can i Overwrite the rotation ? ?? please go to the Codepen dont know only show the mobile version ... thanks for your time !

Thank you so much i know what to do now