Scrolling Effect on Kanye West's Website Looks Cool. How Does it Work? (Javascript)

Question

I'm trying to figure out how the scrolling effect on KanyeWest.com works.

onPageLoad a video pushes down the content and well ... it looks quite cool.

I've got something working: https://jsfiddle.net/harrydry/ubkz71wb/18/

But I haven't managed the neat scrolling effect. Grateful for any advice?

If you're confused by what I mean go on the http://KanyeWest.com to see the effect.

Thanks

Pug Pugson · Accepted Answer

Add a keyframe animation to the element that scrolls down. Transform/move it up by 100vh (or whatever value) initially and then trigger the animation to go back to zero once the video is loading.

Harry Dry · Answer

Legend. Thanks Pug. All Working

Go to Homepage	`g` `h`
Go to Pending Todos	`g` `p`
Go to Done Todos	`g` `d`
Go to Questions	`g` `q`
Compose a New Todo	`n`
Go to Search	`/`
Show this dialog	`?`

Scrolling Effect on Kanye West's Website Looks Cool. How Does it Work? (Javascript)

Keyboard Shortcuts