1.3.0 • Published 4 years ago

@react-hook/window-scroll v1.3.0

Weekly downloads
11,606
License
MIT
Repository
github
Last release
4 years ago

A React hook for updating components when the scroll position of the window on the y-axis changes. This hook throttles updates to the scroll position using useThrottle() at 30fps by default, but this rate is configurable.

Quick Start

Check out the example on CodeSandbox

import useScrollPosition from '@react-hook/window-scroll'

const Component = (props) => {
  const scrollY = useScrollPosition(60 /*fps*/)
  return <div>scroll pos: {scrollY}</div>
}

API

useScrollPosition(fps?: number): number

A hook that performantly updates its scroll position at a constant frame rate.

Arguments

TypeDefaultDescription
fpsnumber30Defines the rate in frames per second at which the scroll position is updated

Returns scrollY: number

TypeDescription
scrollYnumberThe current scroll position of the window on the y-axis

LICENSE

MIT