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

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

react-scroll 是一个用于在 React 应用中管理页面元素之间平滑和即时滚动行为的库。它作为一个 DOM 滚动控制器，提供了一个声明式 API 和一组组件，用于将视口动画化到特定的目标元素。 该库通过允许视口通过即时跳转或动画过渡移动到目标元素来实现自定义滚动。它提供了一个系统，通过使用 Mixin 定义特定的移动触发器和目标，将此滚动逻辑集成到自定义组件中。 该项目涵盖了单页应用布局内的视口导航和焦点过渡，将 React 组件中的用户操作链接到页面内的特定位置。