useInfiniteScroll

sensors

test coverage

Last changed: 17 days ago

Hook that defines the logic for infinite scroll

import { useInfiniteScroll } from '@siberiacancode/reactuse';

Usage

const { ref, loading } = useInfiniteScroll(() => console.log('infinite scroll'));
// or
const loading = useInfiniteScroll(ref, () => console.log('infinite scroll'));

Demo

source

Api

Parameters

Name	Type	Default	Note
callback	(event: Event) => void	-	The callback to execute when a click outside the target is detected
options.distance?	number	10	The distance in pixels to trigger the callback
options.direction?	string	'bottom'	The direction to trigger the callback

Returns

{ ref: StateRef<Target>, loading: boolean }

Parameters

Name	Type	Default	Note
target	HookTarget	-	The target element to detect infinite scroll for
callback	(event: Event) => void	-	The callback to execute when a click outside the target is detected
options.distance?	number	10	The distance in pixels to trigger the callback
options.direction?	string	'bottom'	The direction to trigger the callback

Returns

boolean

Source

Source • Demo

Contributors

debabin

“Ediand11”

Nikita