awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

6 Repos

Awesome GitHub RepositoriesScroll Navigation

Vertical index that highlights the current section as the user scrolls through content.

Distinct from Navigation & Scrolling Tools: Distinct from Navigation & Scrolling Tools: focuses on section-highlighting scroll navigation, not general scrolling preferences.

Explore 6 awesome GitHub repositories matching user interface & experience · Scroll Navigation. Refine with filters or upvote what's useful.

Awesome Scroll Navigation GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • didi/cube-uiAvatar von didi

    didi/cube-ui

    9,116Auf GitHub ansehen↗

    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

    Provides a scroll navigation component that highlights sections as users scroll.

    JavaScriptcube-uijavascriptui-library
    Auf GitHub ansehen↗9,116
  • andreamazz/amscrollingnavbarAvatar von andreamazz

    andreamazz/AMScrollingNavbar

    6,002Auf GitHub ansehen↗

    AMScrollingNavbar ist eine Swift-UI-Komponente und ein Controller, der die Bewegung einer UINavigationBar mit der Scroll-Position einer UIScrollView synchronisiert. Er fungiert als Verhaltensmodifikator für die Navigationsleiste, der es ermöglicht, diese basierend auf Scroll-Interaktionen des Benutzers dynamisch ein- oder auszublenden. Das Projekt bietet einen Mechanismus zur Koordinierung der Bewegung mehrerer Oberflächenelemente, wodurch ergänzende Ansichten wie Symbolleisten oder Tab-Bars synchron mit der Navigationsleiste gleiten können. Es nutzt offset-basierte Translation und anpassbare Scroll-Geschwindigkeiten, um zu steuern, wie schnell Elemente während des Scrollens den Bildschirm verlassen. Das System umfasst delegatbasierte Statusbenachrichtigungen zur Überwachung von Sichtbarkeitsänderungen sowie eine dedizierte Interface-Erweiterung für Scroll-Views, um diese dynamischen Header-Übergänge zu verwalten.

    Provides a customizable multiplier to control how quickly the navigation bar exits the screen during scrolling.

    Swift
    Auf GitHub ansehen↗6,002
  • mgcrea/angular-strapAvatar von mgcrea

    mgcrea/angular-strap

    5,673Auf GitHub ansehen↗

    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

    Pins elements on scroll and highlights navigation items based on scroll position.

    JavaScript
    Auf GitHub ansehen↗5,673
  • glideapps/glide-data-gridAvatar von glideapps

    glideapps/glide-data-grid

    5,237Auf GitHub ansehen↗

    Glide Data Grid ist ein virtualisiertes Datengitter für React und TypeScript, das die HTML Canvas API nutzt, um Millionen von Zellen flüssig darzustellen. Es ist als barrierefreie Datentabelle konzipiert, die auch bei der Anzeige und Navigation durch riesige Datensätze hohe Bildraten beibehält. Das Projekt zeichnet sich durch eine Canvas-basierte Rendering-Architektur aus, die Lazy Rendering und eine benutzerdefinierte Zeichen-API verwendet. Dies ermöglicht spezialisierte Zellinhalte und datengesteuertes Styling, das Standard-DOM-Update-Zyklen umgeht, um eine hohe Performance zu gewährleisten. Das Gitter bietet umfassende Layout- und Datenverwaltungsfunktionen, einschließlich Zellzusammenführung, fixierter Spalten, variabler Zeilenhöhen und automatischer Spaltenbreitenberechnung. Es enthält zudem integrierte Unterstützung für Zellbearbeitung, Elementauswahl und Datensuche innerhalb des Gitters.

    Provides functionality to scroll to specific locations or focus the grid to navigate through large datasets.

    TypeScriptaccessibledatadatagrid
    Auf GitHub ansehen↗5,237
  • rubensousa/gravitysnaphelperAvatar von rubensousa

    rubensousa/GravitySnapHelper

    4,989Auf GitHub ansehen↗

    GravitySnapHelper ist ein Android-Controller für Listen-Scrolling und ein RecyclerView-Snap-Helper, der dazu dient, die Scroll-Geschwindigkeit zu verwalten und Listenelemente an bestimmten Container-Kanten auszurichten. Er fungiert als Positionierungsmechanismus, um sicherzustellen, dass Elemente an den Viewport-Grenzen einrasten, wenn die Benutzerinteraktion stoppt. Das Projekt bietet spezifische Unterstützung für Layout-Richtungen von rechts nach links (RTL), um sicherzustellen, dass Listenelemente unabhängig von der Sprachrichtung des Geräts korrekt an den Bildschirmrändern ausgerichtet werden. Das Tool enthält Funktionen zur Regulierung der Scroll-Bewegung, wie z. B. die Begrenzung von Fling-Distanzen mittels Pixel-Offsets oder Container-Prozentsätzen. Es überwacht zudem die Scroll-Geschwindigkeit, um zu bestimmen, wann Elemente einen Übergang zum nächsten Snap-Ziel auslösen sollen.

    Adjusts scrolling velocity to determine if items snap to container edges for a better tactile feel.

    Javaandroidrecyclerviewsnapping
    Auf GitHub ansehen↗4,989
  • adtile/fixed-navAvatar von adtile

    adtile/fixed-nav

    931Auf GitHub ansehen↗

    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

    Fixes navigation menus in place so users can access controls at any point during page scrolling.

    JavaScript
    Auf GitHub ansehen↗931
  1. Home
  2. User Interface & Experience
  3. Navigation & Scrolling Tools
  4. Scroll Navigation

Unter-Tags erkunden

  • Grid Viewport NavigationControls for programmatically moving the visible area of a data grid to specific cells or coordinates. **Distinct from Scroll Navigation:** Distinct from Scroll Navigation by focusing on programmatic viewport movement to specific grid coordinates rather than visual section highlighting.
  • Scroll Speed MultipliersLogic to adjust the ratio between scroll input and element movement to control transition speed. **Distinct from Scroll Navigation:** Focuses on the speed multiplier for element translation rather than vertical index highlighting.
  • Scroll-Aware BehaviorsPinning elements on scroll and highlighting navigation items based on scroll position or current route. **Distinct from Scroll Navigation:** Distinct from Scroll Navigation: covers both scroll pinning and navigation highlighting, not just section-highlighting scroll navigation.