Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Sticky on Scroll with Pure CSS

Wilson Lam's avatar
Wilson Lam
Clone in Webflow235
site profile thumbnail
Open in Webflow
Open live site
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.
Open in Webflow
Open live site
css
sticky
webflowsticky
tutorial
scroll-to-top
sticky-navbar
scroll-sticky
sticky-scroll
scroll
sticky-nav

More sites by Wilson Lam

See profile
Sticky on Scroll with Pure CSS
89
235
Bottom Nav for iPhone X+
17
70
Wilson's Home
6

Similar sites

author avatar
Sticky On Scroll
1.5k
4k
Duncan Hamra
author avatar
Webflow Sticky Sections
1.1k
3.9k
CJ Hersh
author avatar
Ajax CMS
11
17
Jakob Wrs
author avatar
lets-get-sticky-scroll-effect
81
215
Ailín James Tobin
A Kizzle Brand
AB
A Kizzle Brand
8
16
A Kizzle Brand
author avatar
Pure CSS Scroll Snap Action like Scrollify
99
713
Philipp Roth
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social