NirvanaWorld

Now I have added some contrasts in the code for you to observe. Please pay attention to these two different scenarios separately. I would like to remind you again that everything happens very quickly, and you may need to try multiple times and focus on the scroll bar.

Hi, thank you for your response. As you can see, scrollToWrapper is a container that covers the entire screen. I expect this code to trigger a scrollTo when scrollToWrapper is about to enter the viewport, causing scrollToWrapper to scroll to the edge and align with the viewport, just like setting scroll-snap-align for an element. Everything happens in an instant, and it may require multiple attempts to carefully observe the movement of the scroll bar in order to identify the issue. Indeed, as I mentioned, when scrollTo is triggered, the page does scroll to the top of the entire page first and then scrolls to the desired position

Hi! guys,There is a conflict between the element with ScrollTrigger pin enabled and the element with ScrollTrigger scrollTo enabled. Here is a small reproduction of the issue: https://stackblitz.com/edit/nuxt-starter-g86tl5?file=pages%2Findex.vue You have observed that when ScrollTrigger triggers scrollTo, the page first scrolls from the current position to the top and then to the expected scrollTo position. However, you expect it to scroll directly from the current position to your desired position. You have tried removing the element with ScrollTrigger pin enabled, and everything works fine in that case. Therefore, you believe that the issue lies in the conflict between pin, pinSpacing, and scrollTo. Has anyone identified any mistakes I made in the minimal reproduction?

Hi! @mvaneijgen Thank you for your response. Actually, I have also found some methods to achieve snap scrolling, such as using the scrollTo and ScrollTrigger plugin.

First, need to confirm if you are a member of the GSAP Club?

Hello everyone ！ I would like to ask if GSAP can achieve different scrolling effects on different sections within a document flow, such as regular scrolling and scroll snap. I tried to implement this in the following example: https://qclay.design/. Some parts have a scrub effect while others have a snap effect. If there are similar demos available, could you please share them with me? Thank you.

Hi ! @Rodrigo , Thank you for providing the solution, everything is running smoothly now. ?

Additional Information : The issue occurs when switching between the /company and /careers pages, and it only happens when you scroll down on the /careers page before returning to the /company page. If you enter the /careers page but don't scroll down before going back to the /company page, the issue doesn't occur.

hi guys ! I encountered a strange issue when using scrolltrigger to implement a spacer-footer in Nuxt 3. My code is written in the layout component because both the footer and content need to be reused. However, I found that when switching between two pages that use the same layout, an additional scrolltrigger markers will appear, and this extra marker will also trigger the animation, causing the animation to be triggered at an inappropriate position Currently, I have tried using methods like tween.kill(), gsap.killTweensOf(), or setting tweens to null to reset the animation when entering the page, but I found that these methods did not solve the problem. can anyone tell me what i did wrong ?