Discover the best sticky-section websites created by professional designers. Get inspired and start planning your perfect sticky-section web design today!

Reverse engineered version of Webflow's very own sticky section component found here: https://webflow.com/solutions/freelancers-agencies.  

Details:
- It's using a proxy div (4x) to call the 'Scroll In/Out of View' interactions
- There is custom code in the footer used for video playback controls (starting/stopping video at specific time based on scroll position)
- 100% credit to Webflow team for design and original implementation

Webflow Sticky Sections (Public)

Webflow Sticky Sections

A sticky section based off Instagrams branding guidelines page and has place to download logos near the bottom.

Minim Instagram Brand Guidelines

minim-insta-brand-guidelines

Sticky section header with scrollable content.

Sticky Header Section

sticky-header-section

Client site: A simple one page site for Sunflower Therapy, a Nottingham based Psychotherapy centre.

This site uses a cross fading image interaction, where the image section remains sticky as you scroll and changes based on the section you're looking at. I felt this was effective for this site since the imagery is purely decorative.

Discover sticky section websites built by the Webflow community

Discover sticky section websites built by the Webflow community