Streaming live at 10am (PST)

Infinite Loop integration


Hey guys, I tried to integrate this into my website

Here is my website

I hooked up the code on the homepage specifically, tried both on the header and body. I gave the body wrapper .js-loop and named the last div as .is-clone, but the site doesn’t loop as intended.

Will anyone have any advice on how to implement this?

1 Like

Hi Egon,

Can you share a read-only link to the project?

btw, watch out for that horizontal scroll there :slight_smile:


Thank you, will fix that scroll!

  1. Use a different div to wrap the hole website and give it the classes of Loop and js-loop (don’t use the body for that).
  2. Give the body and the js-loop elements the css properties as in the codepen (Oveflow, position, height, etc’)

That should do the trick :smiley:


Hey @avivtech, thank you very much for the help.
Currently, scrolling upwards work, but not downwards.
Would you know why that’s the case?


hmm… a progress! almost there :wink:

I am not sure, but try removing the css you entered in the <head> tag and apply it directly to the elements using Webflow.


Hey! I got it to work changing the 1 pixel scroll to 5 in the JS. No idea why, but it worked!
Just got to play around with the numbers more now.
Thanks again buddy.

1 Like

Amazing! happy to help :smile:

If you can, please mark as solved

1 Like