Streaming live at 10am (PST)

Endless page scroll effect

Hi everybody,

I have been searching all day for this solution. I normally take my time and do my research before reaching out to you guys, and I have always found anything I needed until now.

But this scroll effect is giving me a headache here 2 references
https://nomos.archi/

I can easily set a page load animation that makes half of the trick, moving a set of images up.

What I can’t achieve is the reset of the transition every time the user scrolls up a bit or entirely to the top of the page.

When searching online I only got results to address infinite scroll/marquee or fullpage.js kind of solutions.

I don’t have anything to share for you to look at, because I just don’t know how to go further on. I wonder if it is something that can be done within Webflow or needs some custom code.

Thanks in advance for your help

Is there anyone who can help with this?

I am still looking for this solutions. This is a great community and It’s kind of disappointing to see nobody’s is helping on this thread after almost two months.

@cyberdave
@webdev
@WebDev_Brandon
@KyleP

Does anybody of you can point me to a possible direction to achieve this effect?

Thanks in advance.

Solution withdrawn as not relevant to request

Hi Stan, thank you so much for your help. Of course, I am trying to reach whoever can help me with this, so your message is more than welcome. I was addressing those other members because I know they are active Webflowx experts.

I am not a code expert, but I’ll have a look at your solution. Nonetheless what I am really after is the reset of the elements’ motion after scrolling up and down as in the references.

I’ll let you know.

Thank you!

Solution withdrawn as not relevant to request

Hey! @Gio Let me know if @Stan solution worked out for you. If not I can share around to see if we can help you find a solution. :grin:

Solution withdrawn as not relevant to request

hi Kyle, thank you for jumping in on this. I am not after an infinite scroll per se, but an endless move toward-top effect. Like in this grid of pictures: https://nomos.archi/

On that page, if you scroll down, the images grid keeps going up. Same if you scroll down. Of course if on top of that main behavior I can add also an infinite repeating of the images grid as in https://carolanneward.com/ I’ll call it a day and buy beers for everyone :slight_smile:

@Stan I don’t code. So besides copying & pasting resources and snippets I find in this forum, I can’t do much. I can’t write anything from scratch.

Thanks!

hi @Gio No problem I have only tried to help and I’m sorry to see that my example is not helpful and useful at all. I will withdraw my solution it as it is not appropriate to your request. Have a great day :wink:

@KyleP hi! Any news on this? I have another reference. https://www.goodfight.shop/
On desktop is horizontal but on mobile is vertical as the others reference I already shared

Thanks!

@Gio Hey! My apologies for the delay. I shared this with a few others from the team to see if they may be able to jump in and help out with this.