[Draggable Infinite Carousel with Snap and Indexing]

Thanks @Cassie, great!! Hadn't noticed that, I also added repat: -1 to make it infinite. ❤️

[Draggable Infinite Carousel with Snap and Indexing]

Thanks @GreenSock for the amazing example! 
Do you think it's possible to add the "autoplay" feature to the last demo (the slides move automatically, stop during the drag and start again when released)?
🙌

[ScrollTrigger.normalizeScroll(true) + ScrollSmoother disables "native" scrolling of internal content]

Hi Cassie, I have the same issue, could you post the solution again (It's 404 at the moment)?
Thanks

[ScrollTrigger: issue with scroll position when I navigate to a page]

On 7/2/2021 at 11:01 PM, OSUblake said:

Hi @ThinkingAbout_dev 

 

I'm guessing you're talking about the animation not playing again?

 

Hi, i mean the y position of the scroll does not update correctly when I change the page or the animation stop working if I kill ScrollTrigger. I tried both the latest version and the 3.6.1.
When do you think an updated version will be released with both the scroll postion and the animation issue solved?
Thanks, Matteo

[ScrollTrigger: issue with scroll position when I navigate to a page]

Hi, I've installed both the .tgz and 3.6.1, but neither seems to solve the problem. 
Thanks a lot

[ScrollTrigger: issue with scroll position when I navigate to a page]

Hi @OSUblake, thanks again for your help it is really appreciated. 
In the code you forked, the scroll problem, invoking animation.scrollTrigger.kill(), seems to be resolved correctly.
The tween on the second page, however, does not work (if you notice the green banner is not animated) but everything on our code seems fine.
I also noticed a similar recent issue with Next.js

Thanks again.
Matteo
 

[ScrollTrigger: issue with scroll position when I navigate to a page]

Hello  Thanks for the reply,
I have read the doc of this property but it does not solve the problem.
The problem occurs when I use a gsap tween that includes ScrollTrigger (if I remove the tween the page scrolls to top normally).

This is one of the tween i use, i call it on the "onMounted" page lifecycle hook:

gsap.to($element, {
  scrollTrigger: {
    trigger: $element,
    scrub: 1,
    start: "top bottom",
    end: "bottom top",
  },
  xPercent: -7,
  ease: "sine.none",
  force3D: "auto",
});

Regards

[ScrollTrigger: issue with scroll position when I navigate to a page]

Hi everyone,
I have a weird issue with ScrollTrigger.
In my project, built with Nuxt.js, when I land on a new page, if there is a tween on that page that includes ScrollTrigger (or even if I invoke ScrollTrigger.refresh ()), the scroll position of that destination page "jumps" to the scroll y position of the page I came from.
Ever heard something like this?
Thanks a lot 🙏,
Matteo

[Nuxt.js Draggable error: cache.renderTransform is not a function]

Thanks a lot!✌️

[Nuxt.js Draggable error: cache.renderTransform is not a function]

Hi, I updated my nuxt.js project with the latest Club GreenSock (gsap-bonus.tgz) but I have the following error with Draggable:

 

Quote

webpack-internal:///./.nuxt/client.js:160 TypeError: cache.renderTransform is not a function
at _forceNonZeroScale (webpack-internal:///./node_modules/gsap/utils/matrix.js:72)
at getGlobalMatrix (webpack-internal:///./node_modules/gsap/utils/matrix.js:365)
at _getElementBounds (webpack-internal:///./node_modules/gsap/Draggable.js:425)
at _getBounds (webpack-internal:///./node_modules/gsap/Draggable.js:359)
at calculateBounds (webpack-internal:///./node_modules/gsap/Draggable.js:1385)
at Draggable._this2.applyBounds (webpack-internal:///./node_modules/gsap/Draggable.js:2317)
at recordStartPositions (webpack-internal:///./node_modules/gsap/Draggable.js:1569)
at Draggable._this2.enable (webpack-internal:///./node_modules/gsap/Draggable.js:2480)
at new Draggable (webpack-internal:///./node_modules/gsap/Draggable.js:2603)
at eval (webpack-internal:///./node_modules/gsap/Draggable.js:2620)

 

This is how I import the modules (universal mode):
 

import { gsap } from "gsap";
import { Draggable } from "gsap/Draggable";

if (process.client) {
  gsap.registerPlugin(Draggable);
}

In my nuxt.config.js I have:
 

  build: {
    transpile: ['gsap'] 
}

With the previous gsap-bonus.tgz version everything worked fine.
Can you please help me with this error?
Thank you
Matteo