Scroll Animation

Hi all,

I am trying to achieve the following effect as seen here:
http://www.espn.com/espn/feature/story/_/id/23851669/espn-body-issue-2018#!

As soon as you scroll down or up the content changes into a new section.
Not the best description there! But hopefully, that link explains it well enough.

Has anyone done something similar or could point me in the right direction?

Many thanks

Are you talking about the “automatic scrolling to the next/prev section” ? You need a Javascript program to do it, it’s called fullpage.js https://alvarotrigo.com/fullPage/ Here’s a demo I made with Webflow and fullpage.js: http://cards-tpl.webflow.io/

Once it’s integrated and working, the animations inside section — like the title anim —are made with Webflow interactions with scroll into page triggers.

1 Like

Demo looks brill. Thanks again vincent. I’ll have a go at this tonight. Will let you know how I get on!

Ok taking a deeper look now… i have no idea how to do it :slight_smile:

When I land on the fullpage.js website. Do I click the ‘download’ button? And then what to do with it?

Is your webflow example cloneable?