Awesome GitHub RepositoriesSmooth Scroll Libraries

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

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

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.

react-scroll est une bibliothèque pour gérer le comportement de défilement fluide et immédiat entre les éléments de page dans les applications React. Il fonctionne comme un contrôleur de défilement DOM, fournissant une API déclarative et un ensemble de composants pour animer la fenêtre d'affichage vers des éléments cibles spécifiques. La bibliothèque permet un défilement personnalisé en permettant à la fenêtre d'affichage de se déplacer vers des éléments cibles soit par des sauts instantanés, soit par des transitions animées. Elle fournit un système pour intégrer cette logique de défilement dans des composants personnalisés en utilisant des mixins pour définir des déclencheurs de mouvement et des cibles spécifiques. Le projet couvre la navigation dans la fenêtre d'affichage et les transitions de focus au sein des mises en page d'applications monopages, reliant les actions de l'utilisateur dans les composants React à des positions spécifiques dans la page.