Semantic UI React  2.0.2
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v2
Elements
ButtonContainerDividerFlagHeaderIconImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmPaginationPortalRadioRefSelectText AreaTransitionable Portal

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

src/modules/Sticky/Sticky.js
Semantic UI Sticky Docs
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.

Try itCodeSandboxMaximizePermalink

Stuck Content

Stuck Content

Pushing

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

Try itCodeSandboxMaximizePermalink

Stuck Content

Stuck Content

Variations

Active

Sticky can be active.

Try itCodeSandboxMaximizePermalink

Stuck Content

Oversized

Sticky content that is larger than the viewport.

Try itCodeSandboxMaximizePermalink

Stuck Content

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
Blazing deployments by Vercel.