Visibility - Semantic UI React

src/behaviors/Visibility/Visibility.js

Props

Visibility component is deprecated and will be removed in the next major release. Please follow our upgrade guide to avoid breaks during upgrade to v3.

An example of Visibility.

Fires callbacks immediately after mount.

Value that context should be adjusted in pixels. Useful for making content appear below content fixed to the page.

You can change the callback frequency with `once` and `continuous` settings.

You can specify callbacks that occur after different percentages or pixels of an element are passed.

You can specify updateOn='repaint', it will allow to update and fire callbacks on browser repaint (animation frames).

By default Visibility handles events only on browser events. It means that if you will hide a large block an event will not be triggered and Visibility will not perform calculations. This problem can be easily solved with updateOn='repaint'.

This is the bottom

Blazing deployments by

Vercel.

Visibility
Deprecated
Visibility provides a set of callbacks for when a content appears in the viewport.

Types

Default

Settings

Fire on mount

Offset

Callback frequency

Grouped callbacks

Update on

VisibilityDeprecatedVisibility provides a set of callbacks for when a content appears in the viewport.