8 repository-uri
Mechanisms for overriding default browser scrolling by capturing wheel events and applying manual transform updates.
Distinct from Scroll Behavior Control: Distinct from Scroll Behavior Control: specifically covers the interception and replacement of native events with manual transforms, not just configuration of scroll easing.
Explore 8 awesome GitHub repositories matching user interface & experience · Native Scroll Interception. Refine with filters or upvote what's useful.
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
Implements a custom scroll engine by intercepting native wheel events and updating element positions via CSS transforms.
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
Overrides the native scrollbar visibility while preserving the original scroll event handling and momentum physics.
OverlayScrollbars este un plugin JavaScript pentru scrollbar-uri și un manager de scroll pentru elemente DOM care înlocuiește scrollbar-urile native ale browserului cu versiuni overlay stilizabile. Funcționează ca o componentă UI pentru stilizarea track-urilor și a mânerelor scrollbar-ului, păstrând în același timp comportamentul original de scroll și accesibilitatea. Proiectul asigură consistența UI cross-browser prin suprascrierea implementărilor native cu scrollbar-uri web personalizate. Utilizează un sistem de proprietăți CSS personalizate și teme predefinite pentru a permite aspectului vizual al scrollbar-urilor să se potrivească cu design-ul site-urilor web. Biblioteca include o interfață programatică pentru controlul layout-urilor scrollbar-ului și a modurilor de performanță per element. Dispune de o arhitectură de plugin-uri pentru adăugarea de comportamente personalizate sau polyfill-uri de compatibilitate și oferă instrumente pentru recalcularea manuală a layout-ului atunci când dimensiunile elementelor sau conținutul se schimbă.
Wraps elements in containers to hide native browser scrollbars while preserving original overflow behavior.
mescroll este o bibliotecă JavaScript de infinite scroll și un manager de scroll pentru web mobil, conceput pentru a implementa tipare de pull-to-refresh și pull-up-loading. Oferă un sistem pentru gestionarea scroll-ului tactil, gestionarea stărilor de paginare și integrarea acestor comportamente în aplicații Vue. Biblioteca se distinge prin suport specializat pentru interfețele de chat, permițând încărcarea datelor în ordine inversă și capacitatea de a injecta date într-o direcție inversă pentru a simula istoricul mesajelor. Include, de asemenea, un cache de scroll cu persistență a stării pentru a păstra offset-urile verticale și datele listei atunci când utilizatorii navighează între diferite vizualizări. Proiectul acoperă o gamă largă de capabilități de interacțiune și performanță, inclusiv suprimarea rubber-banding-ului nativ al browserului, lazy loading-ul imaginilor conștient de viewport și poziționarea programatică a scroll-ului. Oferă, de asemenea, utilitare pentru gestionarea stărilor de paginare, personalizarea UI-ului de încărcare și a stării goale, precum și implementarea navigării back-to-top.
Provides the ability to intercept and disable native browser rubber-banding effects for tighter control over the UI.
Phoenix este o componentă UI de tip pull-to-refresh și o bibliotecă de gesturi JavaScript concepută pentru vizualizări mobile și web. Oferă un model de interacțiune reutilizabil care declanșează actualizări de date atunci când un utilizator trage ecranul în jos. Proiectul dispune de indicatori vizuali personalizabili și animații tematice care reacționează la starea operațiunii de tragere. Include mecanisme pentru coordonarea manuală a stării, permițând controlerelor externe să declanșeze sau să anuleze programatic secvențele de refresh, independent de input-ul utilizatorului. Pentru a asigura o experiență de utilizare fluidă, biblioteca se integrează cu vizualizări mobile-first prin interceptarea evenimentelor de scroll, prevenind comportamentele conflictuale ale browserului nativ.
Intercepts native browser scroll events to prevent default behavior during pull-to-refresh gestures.
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
Intercepts native scroll commands to redirect them through a custom animation pipeline for consistent behavior.
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
Replaces standard browser scrolling behavior and native scrollbars on target elements with custom inertial scrolling mechanisms.
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
The scroll component library fades out scrollbars automatically when the user stops scrolling to keep the user interface clean and unobtrusive.