Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by ThinkingAbout_dev

  1. 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

  2. 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.

  3. 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",


    • Like 1
  4. 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 🙏,

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



    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) {

    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 :)