Awesome GitHub RepositoriesScroll Navigation

cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction

AMScrollingNavbar est un composant d'interface utilisateur et un contrôleur Swift conçu pour synchroniser le mouvement d'une UINavigationBar avec la position de défilement d'un UIScrollView. Il agit comme un modificateur de comportement de barre de navigation qui permet à celle-ci de se masquer ou de se révéler dynamiquement en fonction des interactions de défilement de l'utilisateur. Le projet fournit un mécanisme pour coordonner le mouvement de plusieurs éléments d'interface, permettant à des vues supplémentaires telles que des barres d'outils ou des barres d'onglets de glisser en synchronisation avec la barre de navigation. Il utilise une translation basée sur le décalage et des vitesses de défilement personnalisables pour contrôler la rapidité avec laquelle les éléments quittent l'écran lors d'un défilement. Le système inclut des notifications d'état basées sur des délégués pour surveiller les changements de visibilité et une extension d'interface dédiée aux vues de défilement pour gérer ces transitions dynamiques d'en-tête.

Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels. The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips

Glide Data Grid est une grille de données virtualisée pour React et TypeScript qui utilise l'API HTML Canvas pour afficher des millions de cellules de manière fluide. Il est conçu comme une table de données accessible qui maintient des fréquences d'images élevées lors de l'affichage et de la navigation dans des jeux de données massifs. Le projet se distingue par une architecture de rendu basée sur le canvas qui utilise le rendu différé (lazy rendering) et une API de dessin personnalisée. Cela permet un contenu de cellule spécialisé et un stylisme piloté par les données qui contourne les cycles de mise à jour DOM standard pour garantir une haute performance. La grille fournit des capacités complètes de mise en page et de gestion de données, incluant la fusion de cellules, les colonnes figées, les hauteurs de ligne variables et le calcul automatique de la largeur des colonnes. Elle inclut également un support intégré pour l'édition de cellules, la sélection d'éléments et la recherche dans les données de la grille.

GravitySnapHelper est un contrôleur de défilement de liste Android et un snap helper RecyclerView conçu pour gérer la vitesse de défilement et aligner les éléments de liste sur des bords de conteneur spécifiques. Il fonctionne comme un mécanisme de positionnement pour garantir que les éléments s'alignent sur les limites de la fenêtre d'affichage lorsque l'interaction de l'utilisateur s'arrête. Le projet fournit un support spécifique pour les directions de mise en page de droite à gauche, garantissant que les éléments de liste s'alignent correctement sur les bords de l'écran, quelle que soit la direction de la langue de l'appareil. L'outil inclut des capacités pour réguler le mouvement de défilement, telles que la restriction des distances de lancer en utilisant des décalages de pixels ou des pourcentages de conteneur. Il surveille également la vitesse et la vélocité de défilement pour déterminer quand les éléments doivent déclencher une transition vers la cible d'alignement suivante.

Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content. The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps. Additional capabilities include dimming ba