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

This template uses CSS Sticky and IX2 to showcase a Horizontal Scroll effect on a wide content section.

✓ Horizontal scrolling Sticky Section with Fixed Title

Sticky + Horizontal Scroll Demo

Sticky, stackable cards, like the ones used in the nocodeconf.com site. Free to clone and play around.

Stack Cards

Sticky, stackable cards

Scroll into view and hover interaction built with two collection lists and jQuery

CMS Scroll

This cloneable is a features section that gently focuses on each feature as you scroll. 

I love the clean Apple-Esque aesthetic, rebuilt from https://amie.so (my recent muse for inspiration).

I've fully relied on Webflow interactions.

Sticky Features

Reveal Features on Scroll

A split screen design, where on the left side the text is scrolling and on the right side the project image stays sticky in the viewport and is changing depending on the project teaser and scroll position.

Remember that you have to adjust the interaction as soon as more teasers are added!

Tutorial: https://youtu.be/iJzYIk34qPM

Sticky Project Teaser Image Scroll Animation

I found Duncan Hamra's solution (https://webflow.com/website/Sticky-On-Scroll) and recreated it using CSS only.

This setup should work on all modern browsers as far as I'm aware. I used CSS Grid for alignment which won't work on older browsers.

Sticky on Scroll by Wilson

Sticky on Scroll with Pure CSS

Veza Digital

Extendable Corgi

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 scroll websites built by the Webflow community

Discover sticky scroll websites built by the Webflow community