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 est un plugin JavaScript de barre de défilement et un gestionnaire de défilement d'éléments DOM qui remplace les barres de défilement natives du navigateur par des versions overlay personnalisables. Il fonctionne comme un composant UI pour styliser les pistes et les poignées de barre de défilement tout en préservant le comportement de défilement d'origine et l'accessibilité. Le projet assure la cohérence de l'interface utilisateur entre les navigateurs en remplaçant les implémentations natives par des barres de défilement web personnalisées. Il utilise un système de propriétés personnalisées CSS et de thèmes prédéfinis pour permettre à l'apparence visuelle des barres de défilement de correspondre à des designs de sites web spécifiques. La bibliothèque inclut une interface programmatique pour contrôler les mises en page des barres de défilement et les modes de performance élément par élément. Elle dispose d'une architecture de plugins pour ajouter des comportements personnalisés ou des polyfills de compatibilité et fournit des outils pour le recalcul manuel de la mise en page lorsque les tailles d'éléments ou le contenu changent.

mescroll est une bibliothèque JavaScript de défilement infini et un gestionnaire de défilement web mobile conçu pour implémenter les modèles de pull-to-refresh et de chargement par le bas. Il fournit un système pour gérer le défilement tactile, gérer les états de pagination et intégrer ces comportements au sein d'applications Vue. La bibliothèque se distingue par un support spécialisé pour les interfaces de chat, permettant le chargement de données en ordre inverse et la capacité d'injecter des données dans une direction inverse pour simuler des historiques de messages. Elle inclut également un cache de défilement persistant pour préserver les décalages verticaux et les données de liste lorsque les utilisateurs naviguent entre différentes vues. Le projet couvre un large éventail de capacités d'interaction et de performance, incluant la suppression de l'effet de rebond natif du navigateur, le chargement différé d'images conscient de la fenêtre d'affichage (viewport) et le positionnement de défilement par programmation. Il fournit en outre des utilitaires pour gérer les états de pagination, personnaliser l'interface utilisateur de chargement et d'état vide, et implémenter la navigation de retour en haut de page.

Phoenix est un composant UI de type pull-to-refresh et une bibliothèque de gestes JavaScript conçue pour les vues mobiles et web. Il fournit un modèle d'interaction réutilisable qui déclenche des mises à jour de données lorsqu'un utilisateur fait glisser l'écran vers le bas. Le projet propose des indicateurs visuels personnalisables et des animations thématiques qui réagissent à l'état de l'opération de rafraîchissement. Il inclut des mécanismes pour la coordination manuelle de l'état, permettant aux contrôleurs externes de déclencher ou d'annuler par programmation les séquences de rafraîchissement indépendamment de l'entrée utilisateur. Pour assurer une expérience utilisateur fluide, la bibliothèque s'intègre aux vues mobile-first en interceptant les événements de défilement pour éviter les comportements conflictuels du navigateur natif.

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