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

Această bibliotecă JavaScript de smooth scrolling este un utilitar frontend și un controller de mișcare a viewport-ului, conceput pentru a anima tranzițiile către link-uri ancoră. Aceasta interceptează click-urile standard pe link-uri pentru a înlocui salturile instantanee cu o mișcare fluidă către elementele țintă. Biblioteca oferă tipare de easing configurabile și controale de viteză pentru a gestiona accelerația și decelerarea. Include un mecanism pentru a anula imediat animațiile active și suportă declanșarea programatică a scroll-ului prin apeluri directe de funcții. Instrumentul gestionează offset-urile de poziționare pentru a preveni ascunderea conținutului țintă în spatele header-elor fixe și sincronizează bara de adrese a browserului în timpul tranzițiilor. De asemenea, dispune de un sistem de callback bazat pe evenimente care declanșează efecte secundare atunci când animațiile de scroll încep, se încheie sau sunt întrerupte.

react-scroll este o bibliotecă pentru gestionarea comportamentului de scroll fluid și imediat între elementele paginii în aplicațiile React. Aceasta funcționează ca un controller de scroll DOM, oferind un API declarativ și un set de componente pentru a anima viewport-ul către elemente țintă specifice. Biblioteca permite scroll-ul personalizat prin permiterea viewport-ului să se deplaseze către elementele țintă fie prin salturi instantanee, fie prin tranziții animate. Oferă un sistem pentru integrarea acestei logici de scroll în componente personalizate folosind mixin-uri pentru a defini declanșatoare și ținte de mișcare specifice. Proiectul acoperă navigarea în viewport și tranzițiile de focus în layout-urile aplicațiilor de tip single-page, legând acțiunile utilizatorului din componentele React de poziții specifice în cadrul paginii.