ScrollTrigger and Lenis

[mixpofo]

Hello, I am encountering an issue with ScrollTrigger and Lenis on the mobile version of my project. The scrolling experience is laggy and not smooth, whereas everything operates seamlessly on the desktop version. This is my code : 

  useEffect(() => {
    const lenis = new Lenis({
      duration: 2,
      easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), 
      infinite: false,
    });
  
    lenis.on("scroll", ScrollTrigger.update);
  
    gsap.ticker.add((time) => {
      lenis.raf(time * 1000);
    });
  
    gsap.ticker.lagSmoothing(0);
    ScrollTrigger.normalizeScroll(true);

      // Nettoyage lors du démontage
      return () => {
        lenis.off("scroll", ScrollTrigger.update);
       
      };

  }, []);
  

Thanks !!

[GreenSock]

It's very difficult to diagnose without a minimal demo, but maybe try:

1. Disable Lenis on mobile. You could wrap the Lenis code in if (!ScrollTrigger.isTouch) {...}
2. If you're using Lenis, try not enabling the normalizeScroll() option. 

🤷‍♂️