All Projects → rehooks → window-scroll-position

rehooks / window-scroll-position

Licence: MIT License
React hook for Window scroll position

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to window-scroll-position

use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (-70.37%)
Mutual labels:  hook, scroll, window
usehooks-ts
React hook library, ready to use, written in Typescript.
Stars: ✭ 2,873 (+3446.91%)
Mutual labels:  hook, react-hooks
web
React hooks done right, for browser and SSR.
Stars: ✭ 940 (+1060.49%)
Mutual labels:  hook, react-hooks
ReSift
A state management library for data fetches in React
Stars: ✭ 39 (-51.85%)
Mutual labels:  hook, react-hooks
Fre
👻 Tiny Footprint Concurrent UI library for Fiber.
Stars: ✭ 3,195 (+3844.44%)
Mutual labels:  hook, react-hooks
use-route-as-state
Use React Router route and query string as component state
Stars: ✭ 37 (-54.32%)
Mutual labels:  hook, react-hooks
react-hook-videojs
Easy React integration of Video.js using hooks.
Stars: ✭ 37 (-54.32%)
Mutual labels:  hook, react-hooks
react-use-scroll-position
A react hook to use scroll position
Stars: ✭ 45 (-44.44%)
Mutual labels:  scroll, react-hooks
use-smooth-scroll
React hook which gives a smooth scrolling function.
Stars: ✭ 41 (-49.38%)
Mutual labels:  hook, scroll
react-use-hotkeys
React hook for creating simple keyboard shortcuts
Stars: ✭ 74 (-8.64%)
Mutual labels:  hook, react-hooks
Robotgo
RobotGo, Go Native cross-platform GUI automation @vcaesar
Stars: ✭ 7,095 (+8659.26%)
Mutual labels:  hook, window
useAudioPlayer
Custom React hook & context for controlling browser audio
Stars: ✭ 176 (+117.28%)
Mutual labels:  hook, react-hooks
use-dencrypt-effect
⚛ A custom React hook generating crypting text effect.
Stars: ✭ 39 (-51.85%)
Mutual labels:  hook, react-hooks
react-use-countdown
React hook for countdown state.
Stars: ✭ 19 (-76.54%)
Mutual labels:  hook, react-hooks
react-ui-hooks
🧩Simple repository of React hooks for building UI components
Stars: ✭ 20 (-75.31%)
Mutual labels:  hook, react-hooks
react-hook-layout
Layouts in React.
Stars: ✭ 16 (-80.25%)
Mutual labels:  hook, react-hooks
formalizer
React hooks based form validation made for humans.
Stars: ✭ 12 (-85.19%)
Mutual labels:  hook, react-hooks
redux-tools
Redux tools to speed up development.
Stars: ✭ 16 (-80.25%)
Mutual labels:  hook
react-sendbird-messenger
ReactJS (React-router-dom v6 + Antdesign + Firebase + Sendbird + Sentry) codebase containing real world examples (CRUD, auth, advanced patterns, etc).
Stars: ✭ 39 (-51.85%)
Mutual labels:  react-hooks
react-native-value-picker
Cross-Platform iOS(ish) style picker for react native.
Stars: ✭ 18 (-77.78%)
Mutual labels:  react-hooks

@rehooks/window-scroll-position

React hook for Window scroll position

Note: This is using the new React Hooks API Proposal which is subject to change until React 16.7 final.

You'll need to install react, react-dom, etc at ^16.7.0-alpha.0

Install

yarn add @rehooks/window-scroll-position

Usage

import useWindowScrollPosition from '@rehooks/window-scroll-position'

function MyComponent() {
  // optionally you can pass options, those are default:
  let options = {
    throttle: 100,
  }
  let position = useWindowScrollPosition(options)
  // position == { x: 0, y: 0 }
  return <div />
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].