Search results
56 packages found
Core classes and controller for creating parallax scrolling effects
Core classes and controller for creating parallax scrolling effects
Assorted React hooks.
- react
- hooks
- react hooks
- useBoundingClientRect
- boundingClientRect
- useClassNames
- class
- className
- classNames
- css
- useDebounce
- debounce
- useAnimationFrame
- requestAnimationFrame
- View more
Add a 'ui-scrollpoint' class to elements when the page scrolls past them.
A simple lightweight library for Angular that detects when an element is within the browser viewport and adds a sn-viewport--in or sn-viewport--out class to the element.
Class to use on front end to enable drag with the mouse to scroll a page or a scrollable element.
- DragToScroll
- typescript
- frontend
- scroll
- drag
- mouse
- scrollable
- scrollable element
- drag to scroll
- drag-to-scroll
- drag to scroll class
- drag-to-scroll class
- drag to scroll element
- drag-to-scroll element
- View more
Class for Phaser 3 framework, adding the capacity of scrolling by dragging or using the mouse wheel
Project providing services implemented as singleton class instances
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
a helper module streamlining user interaction into css-classes
Adds a class when scrolling past selected elements
A simple lightweight library for Angular that detects when an element is within the browser viewport and adds a sn-viewport--in or sn-viewport--out class to the element.
A react hook that uses intersecton observer API and classes from https://animate.style/. The animations are triggered when the element if in view of the viewport.
A jQuery-less, simple library for hooking CSS class changes to HTML elements as they scroll into view.
Lightweight and simple to use Svelte component that highlights menu items as you scroll the page, also scrolling to target section when clicked.
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
- intersection
- trigger
- animation
- animejs
- IntersectionObserver
- intersection-observer
- lazy-load
- performance
- lazy-loading
- viewport
- scroll
- toggle-class
- scrollbar
It also comes with some features such as adding background classes and text classes to quickly style the menu.
- scroll
- horizontal-scroll
- horizontal-scroll-menu
- scroll-menu
- Angular-menu
- Angular-scroll-menu
- Angular-horizontal-scroll-menu
- ngx-horizontal-scroll-menu
The javascript library for magical scroll interactions.
- scroll
- scrolling
- animation
- sticky
- pin
- fixed
- scrollbar
- scrub
- sync
- position
- progress
- parallax
- events
- classes
- View more
This plugin adds a parallax effect by changing the style sheet according to scrolling and by adding classes.
The package adds active class to links while scrolling and creates an offset for a sticky header when scrolling by an anchor