Streaming live at 10am (PST)

Scroll Animation


#1

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


#2

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.


#3

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


#4

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?