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

Sticky behavior is erratic inside Sidebar.Pushable. To avoid issues, place Sticky outside of any Sidebar.Pushable element. See Semantic-Org/Semantic-UI-React#2897 for more details.

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.

Above Content

Sticky content that is above other content

This is the bottom