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

Deprecation notice

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.

Types

Default

An example of Visibility.

Settings

Fire on mount

Fires callbacks immediately after mount.

Offset

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

Callback frequency

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

Grouped callbacks

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

Update on

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.