Jump to content


  • Posts

  • Joined

  • Last visited

abbdab's Achievements

  • Week One Done
  • One Month Later

Recent Badges



  1. @OSUblake no worries. One last quick question, from my understanding I have to stop ScrollTrigger beforeUnmount / beforeDestroy in Nuxt. What's the best approach to do that?
  2. @OSUblake You legend! Its working now. I was earlier importing without setting up transpile and maybe that's why it was giving me error. Just tried and it's working smoothly now
  3. @OSUblake Tried this but I'm getting an error that ScrollTrigger is not defined. Do I have to still import ScrollTrigger in the file? My apologies, I'm new with Nuxt and I've been thrown at the deep end at my work.
  4. Greetings Gsap fam, Trying to implement GSAP with Nuxt and I keep getting 'revert is not a function' in ScrollTrigger's JavaScript. I have used GSAP earlier with Vue 3 and didn't have this issue. Any help would be appreciated.
  5. GSAP newbie here! Using ScrollTrigger with Vue to create parallax and pinned background but the scrolls bug out on page changes. When returning to a page, the page automatically scrolls down to the bottom of the page. I read the documentation and it is because SPAs do not destroy ScrollTriggers on page change. I tried implementing .kill() & refresh() in unmounted hook however it didn't help much. I tried to setup a Codepen but it is a big project and I couldn't figure out a way to create a minimal example.
  6. Greetings GSAP family, I have recently started using GSAP with Vue 3 and I have been enjoying it so far. The existing posts on forum was super helpful with any bug / problem I ran into earlier. I have have transitions set up for router-view in Vue, and my components are using ScrollTrigger for a parallax. However, I cannot get both to work together, with transitions active on router-view the ScrollTrigger stops working. If I remove the transitions on router-view ScrollTrigger works fine. I can't seem to get a crack on and I would appreciate any help. Thanks in advance.