Awesome GitHub RepositoriesNative Scroll Interception

Locomotive Scroll is a JavaScript library and toolkit for managing DOM scroll interactions, featuring a smooth scroll motion controller and a parallax scrolling engine. It provides a system for implementing fluid scrolling and tracking element visibility within the viewport. The library creates depth and motion by moving elements at different speeds relative to the scroll position. It includes a viewport visibility tracker used to initiate visual transitions and animations when specific elements enter the browser viewport. The toolkit covers programmatic scroll control, dynamic element regis

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

OverlayScrollbars ist ein JavaScript-Scrollbar-Plugin und DOM-Element-Scroll-Manager, der native Browser-Scrollbars durch benutzerdefinierte, stylbare Overlay-Versionen ersetzt. Es fungiert als UI-Komponente zum Stylen von Scrollbar-Tracks und -Handles, während das ursprüngliche Scrollverhalten und die Barrierefreiheit erhalten bleiben. Das Projekt stellt Cross-Browser-UI-Konsistenz sicher, indem native Implementierungen durch benutzerdefinierte Web-Scrollbars überschrieben werden. Es nutzt ein System aus CSS-Custom-Properties und vordefinierten Themes, damit das visuelle Erscheinungsbild der Scrollbars zu spezifischen Website-Designs passt. Die Bibliothek enthält ein programmatisches Interface zur Steuerung von Scrollbar-Layouts und Performance-Modi auf Elementbasis. Sie bietet eine Plugin-Architektur zum Hinzufügen benutzerdefinierter Verhaltensweisen oder Kompatibilitäts-Polyfills und stellt Tools für die manuelle Layout-Neuberechnung bereit, wenn sich Elementgrößen oder Inhalte ändern.

mescroll ist eine JavaScript-Bibliothek für Infinite-Scroll und ein mobiler Web-Scroll-Manager, der darauf ausgelegt ist, Pull-to-Refresh- und Pull-up-Loading-Muster zu implementieren. Sie bietet ein System für den Umgang mit Touch-basiertem Scrollen, die Verwaltung von Paginierungszuständen und die Integration dieser Verhaltensweisen in Vue-Anwendungen. Die Bibliothek zeichnet sich durch spezialisierte Unterstützung für Chat-Oberflächen aus, die das Laden von Daten in umgekehrter Reihenfolge und das Einfügen von Daten in umgekehrter Richtung ermöglichen, um Nachrichtenverläufe zu simulieren. Sie enthält zudem einen zustandspersistenten Scroll-Cache, um vertikale Offsets und Listendaten zu bewahren, wenn Benutzer zwischen verschiedenen Ansichten navigieren. Das Projekt deckt ein breites Spektrum an Interaktions- und Performance-Funktionen ab, einschließlich der Unterdrückung des nativen Browser-Rubber-Bandings, Viewport-bewusstem Lazy-Loading von Bildern und programmatischer Scroll-Positionierung. Es bietet zudem Dienstprogramme zur Verwaltung von Paginierungszuständen, zur Anpassung der UI für Lade- und Leerzustände sowie zur Implementierung der Back-to-Top-Navigation.

Phoenix ist eine Pull-to-Refresh-UI-Komponente und eine JavaScript-Gestenbibliothek, die für mobile und Web-Ansichten entwickelt wurde. Sie bietet ein wiederverwendbares Interaktionsmuster, das Datenaktualisierungen auslöst, wenn ein Benutzer den Bildschirm nach unten zieht. Das Projekt bietet anpassbare visuelle Indikatoren und themenbezogene Animationen, die auf den Status des Pull-Vorgangs reagieren. Es enthält Mechanismen zur manuellen Statuskoordination, die es externen Controllern ermöglichen, Aktualisierungssequenzen programmgesteuert unabhängig von Benutzereingaben auszulösen oder abzubrechen. Um eine reibungslose Benutzererfahrung zu gewährleisten, integriert sich die Bibliothek in Mobile-First-Ansichten, indem sie Scroll-Ereignisse abfängt, um widersprüchliche native Browser-Verhaltensweisen zu verhindern.

smoothscroll is a browser compatibility library and JavaScript polyfill that provides uniform smooth scrolling behavior across different web browsers. It functions as a frontend animation utility that intercepts standard scroll commands and replaces them with custom animation logic to ensure consistent navigation transitions. The library includes a runtime feature detection tool that identifies native browser support for scroll properties, preventing redundant execution in modern environments. It synchronizes page position updates with the browser display refresh rate to prevent visual stutte

Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd

React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami