Semantic UI React  1.0.0
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypes
Elements
ButtonContainerDividerFlagHeaderIconImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentItemFeedStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmMount NodePaginationPortalRadioResponsiveSelectText 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.

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