New course, Command Line for Creatives, out now!

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

Beginner Beginner

0:00/2:58

July 10th 2018

Playback speed

1.25× 1.5× 1.75×

Skip

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