2.3.0 • Published 5 years ago
@wbe/use-is-in-viewport v2.3.0
@wbe/use-is-in-viewport
This React hook allow to check if a specific ref element is visible in viewport.
Installation
$ npm install -s @wbe/use-is-in-viewportHow to use
import { useIsInViewport } from "@wbe/use-is-in-viewport;";
// Get element ref
const ref = useRef(null);
// Check if is in viewport (hook return boolean)
const isInViewport = useIsInViewport(ref);
return <div ref={ref} />;Parameters
| params | type | description | default value |
|---|---|---|---|
| pRef | MutableRefObject | element ref | / |
| pToogleVisibility | boolean | Repeat the check visibility even if ref element visibility is already passed to true | false |
| pOffset | number | Define a positive or negative offset to the ref element | 0 |
Returned
Hook return a boolean.
2.3.0
5 years ago
2.2.0-alpha.0
5 years ago
2.1.0
5 years ago
2.0.0
5 years ago
2.0.0-alpha.11
5 years ago
2.0.0-alpha.10
5 years ago
2.0.0-alpha.7
5 years ago
2.0.0-alpha.6
5 years ago
2.0.0-alpha.3
5 years ago
2.0.0-alpha.2
5 years ago
1.6.0
5 years ago
1.5.0
5 years ago
1.4.2
5 years ago
1.4.2-alpha.0
5 years ago
1.4.1
5 years ago
1.4.0-alpha.0
5 years ago
1.4.0
5 years ago
1.3.1-alpha.1
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.0-alpha.0
6 years ago
1.0.0-alpha.0
6 years ago
0.0.30
6 years ago
0.0.29
6 years ago
0.0.28
6 years ago
0.0.27
6 years ago
0.0.24
6 years ago
0.0.25
6 years ago
0.0.26
6 years ago
0.0.23
6 years ago
0.0.22
6 years ago