fisshy/react-scroll की मुख्य विशेषताएं क्या हैं?

fisshy/react-scroll की मुख्य विशेषताएं हैं: Element-Targeted Scrolling, React Components, Smooth Scrolling, Smooth Scroll Components, Smooth Scroll Libraries, Behavioral Mixins, Single Page Applications, Custom Scroll Interfaces।

fisshy/react-scroll के कुछ ओपन-सोर्स विकल्प क्या हैं?

fisshy/react-scroll के ओपन-सोर्स विकल्पों में शामिल हैं: cferdinandi/smooth-scroll — This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate… tholman/elevator.js — elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a… ustbhuangyi/better-scroll — Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance… oliviertassinari/react-swipeable-views — This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides… adobe/react-spectrum — This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system.… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It…

React Scroll

react-scroll React एप्लिकेशन में पेज तत्वों के बीच स्मूथ और तत्काल स्क्रॉलिंग व्यवहार को प्रबंधित करने के लिए एक लाइब्रेरी है। यह एक DOM स्क्रॉल कंट्रोलर के रूप में कार्य करता है, जो एक घोषणात्मक API और व्यूपोर्ट को विशिष्ट लक्ष्य तत्वों तक एनिमेट करने के लिए घटकों का एक सेट प्रदान करता है।

यह लाइब्रेरी व्यूपोर्ट को तत्काल जंप या एनिमेटेड ट्रांज़िशन के माध्यम से लक्ष्य तत्वों तक जाने की अनुमति देकर कस्टम स्क्रॉलिंग को सक्षम बनाती है। यह विशिष्ट मूवमेंट ट्रिगर्स और लक्ष्यों को परिभाषित करने के लिए मिक्सिन्स का उपयोग करके इस स्क्रॉलिंग तर्क को कस्टम घटकों में एकीकृत करने के लिए एक सिस्टम प्रदान करती है।

यह प्रोजेक्ट सिंगल-पेज एप्लिकेशन लेआउट के भीतर व्यूपोर्ट नेविगेशन और फोकस ट्रांज़िशन को कवर करता है, जो React घटकों में उपयोगकर्ता क्रियाओं को पेज के भीतर विशिष्ट स्थितियों से जोड़ता है।

Features

Element-Targeted Scrolling - Acts as a declarative controller for programmatically moving the viewport to specific target elements.
React Components - Provides a set of reusable components designed to link React user actions to viewport movements.
Smooth Scrolling - Employs requestAnimationFrame to create fluid, smooth glide effects during viewport transitions.
Smooth Scroll Components - Ships a set of components that animate the viewport to target elements for improved navigation.
Smooth Scroll Libraries - Provides a specialized JavaScript library for managing smooth and immediate scrolling within React apps.
Behavioral Mixins - Uses behavioral mixins to inject reusable scrolling logic and trigger handlers into custom components.
Single Page Applications - Manages viewport focus and navigation transitions within the context of a single-page application layout.
Custom Scroll Interfaces - Enables the creation of tailored scrolling interfaces with specialized programmatic jumps and interaction control.
Scroll Component Integrations - Provides a system for integrating scrolling triggers and targets into custom components using mixins.
UI Interaction Triggers - Implements an event-driven system that triggers specific scroll sequences based on user interactions.
UI Layout Utilities - Component for handling scroll-based navigation.

स्टार हिस्ट्री

fisshyreact-scroll

Name: fisshy/react-scroll
Author: fisshy

View on GitHub

4,411 स्टार्स429 फोर्क्सJavaScriptMIT7 व्यूज़github.com/fisshy/react-scroll/blob/master/README.md

React Scroll

Features

Element-Targeted Scrolling - Acts as a declarative controller for programmatically moving the viewport to specific target elements.
React Components - Provides a set of reusable components designed to link React user actions to viewport movements.
Smooth Scrolling - Employs requestAnimationFrame to create fluid, smooth glide effects during viewport transitions.
Smooth Scroll Components - Ships a set of components that animate the viewport to target elements for improved navigation.
Smooth Scroll Libraries - Provides a specialized JavaScript library for managing smooth and immediate scrolling within React apps.
Behavioral Mixins - Uses behavioral mixins to inject reusable scrolling logic and trigger handlers into custom components.
Single Page Applications - Manages viewport focus and navigation transitions within the context of a single-page application layout.
Custom Scroll Interfaces - Enables the creation of tailored scrolling interfaces with specialized programmatic jumps and interaction control.
Scroll Component Integrations - Provides a system for integrating scrolling triggers and targets into custom components using mixins.
UI Interaction Triggers - Implements an event-driven system that triggers specific scroll sequences based on user interactions.
UI Layout Utilities - Component for handling scroll-based navigation.

React Scroll के ओपन-सोर्स विकल्प

समान ओपन-सोर्स प्रोजेक्ट्स, जो React Scroll के साथ साझा की गई सुविधाओं के आधार पर रैंक किए गए हैं।

cferdinandi/smooth-scroll
cferdinandi/smooth-scroll
5,444GitHub पर देखें
This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate transitions to anchor links. It intercepts standard link clicks to replace instant jumps with fluid movement toward target elements. The library provides configurable motion easing patterns and speed controls to manage acceleration and deceleration. It includes a mechanism to cancel active animations immediately and supports programmatic scroll triggering via direct function calls. The tool handles positioning offsets to prevent target content from being hidden behind fixed heade
JavaScriptanchor-linksanimate-scrollingjavascript
GitHub पर देखें5,444
tholman/elevator.js
tholman/elevator.js
6,641GitHub पर देखें
elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo
JavaScript
GitHub पर देखें6,641
ustbhuangyi/better-scroll
ustbhuangyi/better-scroll
16,489GitHub पर देखें
Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat
TypeScriptbetter-performanceiosiscroll
GitHub पर देखें16,489
oliviertassinari/react-swipeable-views
oliviertassinari/react-swipeable-views
4,473GitHub पर देखें
This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides components for building content carousels and sliders that support horizontal or vertical navigation via touch, mouse swipe gestures, and keyboard inputs. The library includes a virtualized slider component that renders only visible views to maintain performance with large content sets. It supports specialized visual behaviors such as three-dimensional coverflow transitions, circular navigation for infinite looping, and edge resistance effects when reaching the boundaries of a
JavaScript
GitHub पर देखें4,473

React Scroll के सभी 30 विकल्प देखें

अक्सर पूछे जाने वाले प्रश्न

fisshy/react-scroll क्या करता है?