6 repository-uri
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.
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.
AMScrollingNavbar este o componentă UI și un controller Swift concepute pentru a sincroniza mișcarea unei UINavigationBar cu poziția de scroll a unui UIScrollView. Acesta acționează ca un modificator de comportament pentru bara de navigare, permițându-i să se ascundă sau să apară dinamic în funcție de interacțiunile de scroll ale utilizatorului. Proiectul oferă un mecanism pentru a coordona mișcarea mai multor elemente de interfață, permițând vizualizărilor suplimentare, cum ar fi barele de instrumente sau tab-urile, să gliseze în sincronizare cu bara de navigare. Utilizează translația bazată pe offset și viteze de scroll personalizabile pentru a controla cât de rapid părăsesc elementele ecranul în timpul scroll-ului. Sistemul include notificări de stare bazate pe delegate pentru a monitoriza schimbările de vizibilitate și o extensie de interfață dedicată pentru scroll views, menită să gestioneze aceste tranziții dinamice ale header-ului.
Provides a customizable multiplier to control how quickly the navigation bar exits the screen during scrolling.
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.
Glide Data Grid este o grilă de date virtualizată pentru React și TypeScript care utilizează HTML Canvas API pentru a reda milioane de celule fluid. Este concepută ca un tabel de date accesibil care menține rate de cadre ridicate la afișarea și navigarea prin seturi masive de date. Proiectul se distinge printr-o arhitectură de randare bazată pe canvas care utilizează randarea leneșă (lazy rendering) și un API de desenare personalizat. Acest lucru permite conținutul celulelor specializat și stilizarea bazată pe date, care ocolește ciclurile standard de actualizare DOM pentru a asigura performanțe ridicate. Grila oferă capabilități cuprinzătoare de layout și gestionare a datelor, inclusiv îmbinarea celulelor, coloane înghețate, înălțimi variabile ale rândurilor și calculul automat al lățimii coloanelor. Include, de asemenea, suport integrat pentru editarea celulelor, selecția elementelor și căutarea în datele grilei.
Provides functionality to scroll to specific locations or focus the grid to navigate through large datasets.
GravitySnapHelper este un controller de scroll pentru liste Android și un snap helper pentru RecyclerView, conceput pentru a gestiona viteza de scroll și a alinia elementele listei la marginile specifice ale containerului. Acesta funcționează ca un mecanism de poziționare pentru a asigura că elementele se aliniază la limitele viewport-ului atunci când interacțiunea utilizatorului se oprește. Proiectul oferă suport specific pentru direcțiile de layout de la dreapta la stânga (RTL), asigurându-se că elementele listei se aliniază corect la marginile ecranului, indiferent de direcția limbii dispozitivului. Instrumentul include capabilități pentru reglarea mișcării de scroll, cum ar fi restricționarea distanțelor de fling folosind decalaje de pixeli sau procente din container. De asemenea, monitorizează viteza de scroll pentru a determina când elementele ar trebui să declanșeze o tranziție către următorul punct de snap.
Adjusts scrolling velocity to determine if items snap to container edges for a better tactile feel.
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.