This horizontal scroll animation has no vertical scroll space - how does it work?


I’m making edits to an existing site, and a past developer created an FAQ section with horizontally scrolling info cards, but I have no idea how they did it. There’s no long vertical section which the animation plays out across - in the designer environment, you just scroll right past it like any regular section, but on the published site it scrolls horizontally through the cards before moving past the section. Even more perplexing, I copied this piece of work onto the new page I’m building and it doesn’t work on the new page.

If anyone wants to take a crack at figuring out how they did this, I would love to understand it. Seems like a pretty nifty solution that could remove all that motionless scrolling in the designer. The original piece of work is towards the bottom of the about page - here’s the read only webflow link. And then my problem is on the new pricing page - here’s the read only link for the pricing page.

(how to access public share link)

Hey @Desert ,

The scrolling effect is setup via custom code that you can find in the ‘About’ page → Page settings → Scroll down to the ‘Before body tag’ section and you can find the entire code as follows:

You can copy paste that entire code in Pricing page settings and it should work on that page as well.

Hope this helps.