Visibility - Semantic UI React

src/behaviors/Visibility/Visibility.js

Semantic UI Visibility Docs

Props

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

Visibility
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

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