Testimonial infinite loop not working

Design help Custom code
1

Hi,

What I’ve got →

  • A one page desktop version of a website I’m working on, tablet/mobile are not to be considered for this topic.

  • A section (testimonials_dk) holding an infinite loop of three testimonials.

  • The website has the following sections from top to bottom:
    temple_dk
    quote_holder_1_dk
    services_dk
    testimonials_dk
    story_dk
    namaste_dk

    These are all being held by the body

What the problem is →

  • The infinite loop does not work, its basically still.

My thoughts →
I am using custom made code to create animations on my other sections of the page and I am also using smooth scroll with lenis so I thought that maybe my custom code is hindering my loop to start.
Initially I thought my loop was the problem so I remade it from scractch on a separate page with no custom code and it works fine.

You can see that version below

Here is my shared link:
Shared Link

Here is my published link:
Published Link

And here is my homepage where the loop doesnt work
Here is my shared link:
Shared Link

Here is my published link:
Published Link

I did try to fix this problem with chat gpt and but was unsuccessful.

Can any one help?

2

Lenis is pausing your GSAP loop, it takes over the RAF, so your animation never ticks.
Sync them with: lenis.on('scroll', ScrollTrigger.update); gsap.ticker.add(t => lenis.raf(t * 1000)); gsap.ticker.lagSmoothing(0); Had this break a client testimonial slider the same way.

1 Like
3

I added it but no result, can you have a look and see if I did it the correct way?

4

Thank you so much it works!