Sticky
Sticky content stays fixed to the browser viewport while another column of content is visible on the page.

Types

Sticking to Adjacent Context

Sticky content attaches itself to the viewport when it is passed.

Pushing

It will have the viewport "push" the sticky content depending on the scroll direction.

Variations

Active

Sticky can be active.

Oversized

Sticky content that is larger than the viewport.

Usage

Sticky offset

Define the offset from the top/bottom of the screen when fixing element to viewport.

This is the bottom