🚨 33% off all courses for Black Friday + THREE brand new courses: Intro to Python, Python for the Web + Shaders for the Web!

Parallax overlapping sections using sticky positioning

On the Friends With Benefits site, there's a great effect where each section sticks to the top of the page and other sections overlap it in a parallax style. In this tutorial, we talk about how it was achieved.

View demo: overlapping-sections.superhi.com



July 10th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


−60s −30s −10s +10s +30s +60s