KPC
Kevin Powell - Community•6mo ago
naman

Scroll reactive marquee made using GSAP not working

I am trying to create a scroll marquee, but the string does not repeat until it exits the viewport 
let currentScroll = 0;
      let isScrollingDown = true;
      let tween = gsap.to(".marquee__part", {
        xPercent: -100,
        repeat: -1,
        duration: 35,
        ease: "linear",
      }).totalProgress(0.7);
      gsap.set("marquee__inner", {
        xPercent: -50
      });
      window.addEventListener("scroll", function() {
        if (window.pageYOffset > currentScroll) {
          isScrollingDown = true;
        } else {
          isScrollingDown = false;
        }
        gsap.to(tween, {
          timeScale: isScrollingDown ? 1 : -1,
        });
        currentScroll = window.pageYOffset;
      });
let currentScroll = 0;
      let isScrollingDown = true;
      let tween = gsap.to(".marquee__part", {
        xPercent: -100,
        repeat: -1,
        duration: 35,
        ease: "linear",
      }).totalProgress(0.7);
      gsap.set("marquee__inner", {
        xPercent: -50
      });
      window.addEventListener("scroll", function() {
        if (window.pageYOffset > currentScroll) {
          isScrollingDown = true;
        } else {
          isScrollingDown = false;
        }
        gsap.to(tween, {
          timeScale: isScrollingDown ? 1 : -1,
        });
        currentScroll = window.pageYOffset;
      });
No description
2 Replies
b1mind
b1mind•6mo ago
If your using gsap you should look into using gsap.ScrollTrigger?
naman
naman•5mo ago
How do I translate that part into gsap.ScrollTrigger?
Want results from more Discord servers?
Add your server
More Posts
Is it a good idea to use Copilot or other AI code completion tools as a beginner to front end dev?A bit of a more open-ended question. I've started to learn front end development. As a beginner, wouAngular Change Detection```ts // component 1 <button (click)="open()">Click</button> // 1 ts open(){ this.appService.buttGithub IssueHello team, when i want to push my files into GITHUB i use my login and password and i get errorIn Search of MySQL Workbench Projects with ER-Diagrams for Upcoming PresentationEsteemed colleagues, I trust this message finds you well. I am reaching out with a specific requestChangr png , jpg to Webp in WordpressI want to change jpg png to webp in bulk for free on wordpress, is there any plugin for this? i.e iHelp Regarding Google fonts in SASSCan I Import Google fonts in a SASS module and then forward it for use in any other .scss file? In