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

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
adtile avatar

adtile/fixed-nav

0
View on GitHub↗
blog.adtile.me/2014/03/03/responsive-fixed-one-page-navigation↗

Fixed Nav

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 background content with an overlay when menus open, and updating browser address bars dynamically with anchor hashes to preserve deep links and enable direct page sharing. Document-wide event delegation handles touch and pointer inputs to automatically dismiss menus when users tap outside active boundaries.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Single-Page Scroll Navigators - Builds sticky menu systems for single-page websites that smoothly scroll users to different sections on click.
  • Off-Screen Viewport Positioning - Pins navigation bars to the screen viewport so control interfaces remain persistently accessible while scrolling.
  • Touch Tap Delay Fixes - Eliminates tap delays and closes navigation menus automatically when users tap outside boundaries.
  • Layout Positioning Utilities - Maintains sticky navigation positioning to keep control interfaces accessible throughout user scrolling.
  • Scroll Navigation - Fixes navigation menus in place so users can access controls at any point during page scrolling.
  • Scroll-Activated Navigation Highlights - Tracks user scroll positions to automatically highlight the corresponding menu item for visible sections.
  • Scroll-Responsive Navigation Bars - Pins the navigation bar to the viewport so controls remain persistently accessible while scrolling through long content.
  • Touch Event Listeners - Monitors global touch and pointer events to immediately dismiss open navigation menus when tapping outside.
  • Viewport Intersection Events - Tracks scroll intersection states against document bounds to update active navigation indicators automatically.
  • Viewport Visibility State Tracking - Monitors current scroll positions against document boundaries to synchronise active section indicators in real time.
  • Section Navigation Libraries - Ships a lightweight client-side JavaScript library for building single-page navigation menus with active section highlighting.
  • Navigation Component Libraries - Provides a responsive web navigation library for building touch-friendly one-page menus with smooth scrolling.
  • Deep Link Navigators - Modifies the browser address bar on link selection to support copying and sharing section deep links.
  • Mobile Web Navigation Menus - Provides touch-responsive navigation menus optimized for mobile web browsers with automatic dismissal.
  • Menu Dismissal Logic - Closes active navigation menus automatically when users tap outside their active boundaries.
  • Smooth Scrolling - Animates viewport transitions to target sections using hardware-accelerated timing functions for smooth scrolling.
  • Hash Routing Updaters - Updates browser address bars dynamically with anchor hashes to preserve deep links and enable direct page sharing.
  • Hash-Based Routing - Synchronises browser address bars with anchor hashes to enable direct page sharing and deep linking.
  • Client-Side Navigation Components - Implements client-side UI components that pin navigation bars and manage URL updates on section selection.
  • URL Hash Tracking - Updates the browser address bar dynamically using anchor hashes to preserve deep links during navigation.
931 stars·243 forks·JavaScript·21 views

Star history

Star history chart for adtile/fixed-navStar history chart for adtile/fixed-nav

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does adtile/fixed-nav do?

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.

What are the main features of adtile/fixed-nav?

The main features of adtile/fixed-nav are: Single-Page Scroll Navigators, Off-Screen Viewport Positioning, Touch Tap Delay Fixes, Layout Positioning Utilities, Scroll Navigation, Scroll-Activated Navigation Highlights, Scroll-Responsive Navigation Bars, Touch Event Listeners.

Which projects share features with adtile/fixed-nav?

Projects with overlapping indexed features include: didi/cube-ui — cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for… ftlabs/fastclick — Fastclick is a JavaScript library and touch event optimization tool designed to remove the 300ms delay between a… camwiegert/in-view — in-view is a DOM visibility detector and intersection observer wrapper. It serves as a viewport transition handler… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… h5bp/mobile-boilerplate — This project is a mobile web application template and optimization kit providing a foundational project structure for… hilongjw/vue-lazyload — vue-lazyload is a Vue.js image lazy loading plugin and frontend asset optimizer. It serves as a viewport visibility…

Projects sharing features with Fixed Nav

These projects share indexed features with Fixed Nav. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • didi/cube-uididi avatar

    didi/cube-ui

    9,116View on GitHub↗

    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

    JavaScriptcube-uijavascriptui-library
    View on GitHub↗9,116
  • ftlabs/fastclickftlabs avatar

    ftlabs/fastclick

    18,534View on GitHub↗

    Fastclick is a JavaScript library and touch event optimization tool designed to remove the 300ms delay between a physical tap and a click event on mobile browsers. It functions as a lightweight DOM event handler middleware that manages touch-to-click timing to reduce input lag and improve the responsiveness of mobile web interfaces. The library provides granular control over touch latency removal, including a mechanism to exclude specific elements from this optimization. This allows certain user interface components to maintain native browser touch behavior via CSS class identifiers. The pro

    HTML
    View on GitHub↗18,534
  • camwiegert/in-viewcamwiegert avatar

    camwiegert/in-view

    4,611View on GitHub↗

    in-view is a DOM visibility detector and intersection observer wrapper. It serves as a viewport transition handler that triggers callbacks and events when specific screen elements enter or exit the browser window. The library provides a system for configuring visibility criteria using pixel offsets, percentages, or custom test functions. It includes utilities for observing visibility changes, performing manual visibility evaluations, and checking the current status of an element within the visible area. These capabilities support application patterns such as lazy loading, infinite scrolling,

    JavaScriptjavascriptutilityviewport
    View on GitHub↗4,611
  • ant-design/ant-motionant-design avatar

    ant-design/ant-motion

    4,613View on GitHub↗

    This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I

    JavaScriptanimationant-motionjavascript
    View on GitHub↗4,613
Compare all 30 related projects→

Curated searches featuring Fixed Nav

Hand-picked collections where Fixed Nav appears.
  • Navbar UI components