Contacts List with Position Sticky
A contacts list with position sticky built with modern frontend techniques for responsive and reusable UI.
Position: sticky;
15 snippetsBrowse position: sticky; examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-position-sticky
Snippets(15)
- Horizontal Slide In and Out Effect using Sticky Elements
A horizontal slide in and out effect using sticky elements built with modern frontend techniques for responsive and reusable UI.
- Positon Sticky
A positon sticky built with modern frontend techniques for responsive and reusable UI.
Scrollytelling with Position StickyA scrollytelling with position sticky built with modern frontend techniques for responsive and reusable UI.
- Scrollytelling with Position Sticky
A scrollytelling with position sticky built with modern frontend techniques for responsive and reusable UI.
- Sticky Progress
A sticky progress built with modern frontend techniques for responsive and reusable UI.
Sticky SidebarA sticky sidebar built with modern frontend techniques for responsive and reusable UI.
- Sticky Table Headers with CSS
A sticky table headers with css built with modern frontend techniques for responsive and reusable UI.
Shrinking Header on Scroll without JavaScriptA shrinking header on scroll without javascript built with modern frontend techniques for responsive and reusable UI.
Minimalist Grid Editorial LayoutA minimalist grid editorial layout built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
BeginnerBrowser support
Chrome 88+, Edge 88+, Firefox 85+, Safari 14.1+Features
Asymmetric Grid, Sticky Labels, Fluid Typography, Print Aesthetic
Timeline with Sticky DatesA timeline with sticky dates built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerFeatures
Sticky positioning, Zero-JS, Chronological layoutResponsive
Yes- Sticky Definition List
A sticky definition list built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
sticky positioning, semantic markupResponsive
Yes 
Sticky Sidebar with CSS position: stickyA sticky sidebar with css position: sticky built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
beginnerFeatures
Sticky positioning, Scroll-locked sidebarResponsive
Yes
Scroll-Driven Sticky Parallax HeaderA scroll-driven sticky parallax header built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateBrowser support
Chrome 115+, Edge 115+Features
Scroll-Driven Animations, Sticky Positioning, Parallax EffectResponsive
Yes
Sticky Header CalendarA sticky header calendar built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerFeatures
Sticky Headers, Bidirectional ScrollingResponsive
Yes