cferdinandi/smooth-scrollArchived
Smooth Scroll
यह JavaScript स्मूथ स्क्रॉलिंग लाइब्रेरी एक फ्रंटएंड यूटिलिटी और व्यूपोर्ट मोशन कंट्रोलर है जिसे एंकर लिंक्स के लिए ट्रांज़िशन को एनिमेट करने के लिए डिज़ाइन किया गया है। यह टारगेट एलिमेंट्स की ओर तरल गति के साथ इंस्टेंट जंप्स को बदलने के लिए स्टैंडर्ड लिंक क्लिक्स को इंटरसेप्ट करती है।
यह लाइब्रेरी त्वरण और मंदी को प्रबंधित करने के लिए कॉन्फ़िगर करने योग्य मोशन ईज़िंग पैटर्न और स्पीड कंट्रोल्स प्रदान करती है। इसमें सक्रिय एनिमेशन को तुरंत रद्द करने का एक तंत्र शामिल है और यह सीधे फंक्शन कॉल्स के माध्यम से प्रोग्रामेटिक स्क्रॉल ट्रिगरिंग का समर्थन करती है।
यह टूल टारगेट कंटेंट को फिक्स्ड हेडर्स के पीछे छिपने से रोकने के लिए पोजिशनिंग ऑफसेट्स को संभालता है और ट्रांज़िशन के दौरान ब्राउज़र एड्रेस बार को सिंक्रोनाइज़ करता है। इसमें एक इवेंट-संचालित कॉलबैक सिस्टम भी है जो स्क्रॉलिंग एनिमेशन शुरू होने, समाप्त होने या बाधित होने पर साइड इफेक्ट्स को ट्रिगर करता है।
Features
- Anchor Link Animators - Provides a specialized utility to intercept link clicks and glide the viewport to target elements.
- Animation Easing Functions - Offers configurable mathematical easing patterns to control the acceleration and deceleration of scrolls.
- Easing Functions - Implements mathematical easing functions to provide natural acceleration and deceleration during viewport transitions.
- Section Jump Links - Transforms instant jumps to section anchor links into fluid, animated transitions.
- Animation Customizations - Allows fine-tuning of transition speeds and easing patterns to enhance the visual feel of page movement.
- Smooth Scrolling - Replaces native instant jumps to anchor links with fluid, animated transitions.
- Element-Targeted Scrolling - Enables programmatic viewport movement to specific DOM elements via JavaScript function calls.
- Fixed Element Offsets - Provides pixel-accurate offsets to prevent target content from being hidden behind fixed navigation headers.
- Imperative Scroll Controllers - Provides imperative control over the viewport's scroll position with support for positional offsets.
- Viewport Control - Manages the movement and visibility of the viewport through custom animations and event callbacks.
- RequestAnimationFrame Loops - Uses requestAnimationFrame to calculate and apply incremental scroll positions for fluid, high-performance motion.
- Smooth Scroll Libraries - Implements a JavaScript library for high-performance, configurable smooth scrolling to anchor links.
- Event Interception - Intercepts default browser anchor jump behaviors to trigger custom smooth scrolling animations.
- Fixed Header Offsets - Adjusts the final scroll position to ensure target elements are not obscured by fixed navigation bars.
- Animation Cancellations - Includes a mechanism to immediately stop an ongoing scroll animation and freeze the viewport.
- Transit Duration Controls - Allows adjusting transit time based on scroll distance or setting fixed durations for consistent motion.
- Viewport Offset Adjustments - Provides logic to offset target scroll coordinates so content remains visible beneath fixed navigation headers.
- URL State Synchronization - Synchronizes the browser address bar with target anchor fragments during smooth scrolling transitions.
- 平滑滚动插件(Smooth Scroll) - Listed in the “平滑滚动插件(Smooth Scroll)” section of the Awesome Frontend awesome list.
