Search results
49 packages found
A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
A performant and lightweight ES6 module for detecting scroll activity (direction + location) for X and/or Y axis
- Custom Scroll Event Listeners
- Scroll Direction
- Scroll Events
- Scroll
- Event
- Custom Event
- Request Animation Frame
- Performant Scrolling
- es6
- module
Enhance your React apps with advanced scroll detection using @smakss/react-scroll-direction. This powerful hook not only detects scroll direction but also provides scroll position information. Ideal for React, Remix, Next.js, and Gatsby projects, it comes
- react-scroll-direction
- scroll-position-react
- react-hook-scroll-position
- scroll-detection-react
- scroll-position-detection
- scroll-direction-detection
- react-hook-scroll
- direction-and-position-detection
- scroll-hook
- npm
- yarn
- react
- remix
- nextjs
- View more
A react hook for creating simple, fast and lightweight components with infinite scrolling in any direction, supporting both windowed and scrollable elements.
- react
- react-hooks
- react infinite scroll
- react infinite scroll hook
- useInfiniteScroll
- infinite-scroll
- scrolling
- infinite
- scroll
- react-component
- flex
- flexbox
- list
- grid
Vertical scroll direction in CSS
A React text animation with a smooth color transition for each character while scrolling.
- text-reveal
- react
- reveal
- text
- string
- color
- control
- react-text-reveal
- highlight
- scroll
- text-highlight
- highlight-scroll
- text-highlight-scroll
- motion
- View more
A utility package that simplifies tracking the scroll direction (up, down, or initial) of a web page
within-view uses preact/react hook to detect scroll event changes and checking if the wanted element(s) is within view and appending a class to the element if desired.
- preact
- react
- hooks
- preact-hooks
- react-hooks
- scroll
- scroll-position
- scroll-direction
- scroll-event-listener
- dom-listener
- element-in-view
- element-in-sight
- within-view
- within-sight
- View more
vue directive to make a scrollable element scroll by draging to the scroll direction
A simple, performant, and cross-browser hook for handling scroll in your next react app.
- react
- hook
- custom-hook
- typescript
- detect
- scroll
- scrolling
- direction
- position
- window
- ref
- frontend
- custom scroll
- performant scroll
detects scroll direction, position and emits events
A simple React hook for listening to the scroll direction of a page. Provides the value as a string of either 'up' or 'down'. Defaults to up but can be configured to have a different default.
A minimal JavaScript module for manipulating DOM Elements when scrolling in certain directions or after scrolling stops.
Track user scroll direction without jitter
Script that trigger functions only when the user changes the scroll direction
a lightweight Events API for detecting scroll and touch events based on custom sensitivity
- touch events
- scroll events
- touch
- scroll
- detect
- direction
- scroll-event
- dom-scroll
- scroll-detect
- detect-scroll
- scroll-direction
- scroll-swipe
- swipe
Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.
scroll-horizontal is a lightweight vanilla script that enables you to change the default scroll direction either for a single section or for a whole page
A library for scroll-related utils.
Easy integration!!! Easily detect mouse wheel and trackpad movement direction, even when there is no scrolling overflow.