CSS position:sticky

Overview

css-sticky is a lightweight polyfill which uses native CSS APIs to keep your fixed and relative elements stick to their desired position when the page is scrolled.

Formal Definition

Specifications

CSS Positioned Layout Module Level 3 # position-property

Syntax

position: static;
 position: relative;
 position: absolute;
 position: fixed;
 position: sticky;
 /* Global values */
 position: inherit;
 position: initial;
 position: revert;
 position: unset;

Code snippets

index.html

Source:index.html

Browser Compatibility