Streaming live at 10am (PST)

Infinite Loop integration

#1

Hey guys, I tried to integrate this into my website https://codepen.io/vincentorback/pen/zxRyzj

Here is my website https://acommons-com.webflow.io/

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?
Thanks!

1 Like
#2

Hi Egon,

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

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

#3

https://preview.webflow.com/preview/acommons-com?utm_source=acommons-com&preview=54159035740290347602cc502e64019d

Thank you, will fix that scroll!

#4
  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:

#5

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

#6

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.

#7

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
#8

Amazing! happy to help :smile:

If you can, please mark as solved

1 Like