Local Nav

  • thumbnail.png
  • jl_local_nav_screenshot_0_1698261228.png
  • jl_local_nav_screenshot_0_1698261626.png
  • jl_local_nav_screenshot_1_1698261626.png
  • jl_local_nav_screenshot_2_1698261627.png
  • jl_local_nav_screenshot_3_1698261627.png
  • jl_local_nav_screenshot_0_1698261670.png
  • jl_local_nav_screenshot_1_1698261670.png

Automated in-page navigation index with smooth scrolling and back to top.

Local Nav significantly enhances the usability of lengthy web pages by introducing an automated, dynamic in-page navigation index. This tool scans the content of a page, identifies headings based on specified criteria, and generates a navigation menu that allows users to smoothly scroll through the page content. It's an ideal solution for organizing and navigating extensive articles, documentation, or any long-form content.

Features

  • Automated Index Creation: Automatically generates an in-page navigation index by scanning page content for headings.
  • Configurable Headings: Offers full control over which headings are included in the index, ensuring relevance and clarity in navigation.
  • Multi-Level Indexing: Supports both single and multi-level indexing to accommodate complex page structures.
  • Smooth Scrolling: Enhances user experience with smooth scrolling to sections, making navigation seamless.
  • Browser History Integration: Optional #hash history support enables users to use browser back/forward buttons for navigation within the page.
  • Initial URL Fragment Navigation: Optionally navigates to a specific section identified by a URL #fragment when the page loads.
  • Back to Top/Index Links: Provides convenient "back to top" and "back to index" links for easy navigation.
  • Sorting Options: Allows the navigation index to be sorted by page order or alphabetically, catering to different content organization needs.
  • Dynamic Content Compatibility: Capable of indexing dynamically loaded content, including AJAX updates, ensuring the navigation index is always up-to-date.
  • Multiple Block Templates: Offers a variety of block templates to match the look and feel of your site.
  • Flexible Implementation: Can be added to any page, with support for multiple Local Nav blocks on a single page.
  • Compatibility with Other Add-ons: Works in conjunction with Magic Tabs to open relevant tab or accordion items, providing a cohesive browsing experience.

Benefits

Local Nav transforms the way users interact with long web pages by making it easy to find and navigate to specific content sections. It's particularly beneficial for improving the accessibility and user-friendliness of informational websites, knowledge bases, and long blog posts.

Integration

Designed to work seamlessly with themes and templates in Concrete CMS, Local Nav adheres to the structural conventions of an Autonav block, ensuring compatibility and ease of integration into existing designs.