useScrollSpy
Return the id of the section currently in view, based on IntersectionObserver. Use it to highlight the active link in a table of contents or a sticky nav.
- Level
- Intermediate
- Since
- v2.1.0
import {useScrollSpy} from '@zenuilabs/react-hooks';Loading demo_
More in Events & DOM
Events & DOMBasicuseClickOutsideCall a function when the user presses anywhere outside an element. Use it to close menus, popovers and dialogs.Events & DOMIntermediateuseEventAttach an event listener to the window, the document, an element or a ref, and remove it on unmount. The listener can change on every render without re-subscribing.Events & DOMBasicuseHoverTrack whether the pointer is over an element. Use it for previews, tooltips and hover styles that need JavaScript.