Back
Question
Asked

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

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


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.

Legend. Thanks Pug. All Working