useSticky

browser

test coverage

Last changed: last month

Hook that allows you to detect that your sticky component is stuck

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

Usage

const stuck  = useSticky(ref);
// or
const { stuck, ref } = useSticky();

Demo

source

Api

Parameters

Name	Type	Default	Note
target	HookTarget	-	The target sticky element
options.axis?	UseStickyAxis	'vertical'	The axis of motion of the sticky component
options.root?	UseStickyRoot	document	The element that contains your sticky component

Returns

UseStickyReturn

Parameters

Name	Type	Default	Note
options.axis?	UseStickyAxis	'vertical'	The axis of motion of the sticky component
options.root?	UseStickyRoot	document	The element that contains your sticky component

Returns

{ stickyRef: StateRef<Target> } & UseStickyReturn

Source

Source • Demo

Contributors

debabin