cferdinandi/smooth-scrollArchived
Smooth Scroll
Cette bibliothèque JavaScript de défilement fluide est un utilitaire frontend et un contrôleur de mouvement de viewport conçu pour animer les transitions vers des liens d'ancrage. Elle intercepte les clics de liens standard pour remplacer les sauts instantanés par un mouvement fluide vers les éléments cibles.
La bibliothèque fournit des patterns d'accélération (easing) configurables et des contrôles de vitesse pour gérer l'accélération et la décélération. Elle inclut un mécanisme pour annuler immédiatement les animations actives et supporte le déclenchement de défilement programmatique via des appels de fonction directs.
L'outil gère les offsets de positionnement pour éviter que le contenu cible ne soit caché derrière des en-têtes fixes et synchronise la barre d'adresse du navigateur pendant les transitions. Il dispose également d'un système de callback piloté par les événements qui déclenche des effets de bord lorsque les animations de défilement commencent, se terminent ou sont interrompues.
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.
