Create Dynamic Navigation Menus (TOC) for Long Content – Anchor.js
A JavaScript library that creates dynamic tables of contents from HTML headings, enabling smooth scrolling and section highlighting for better navigation of long-form web content.
JavaScript & CSS Table Of Contents
Highly Customizable Table Of Contents Generator – Tocbot
Tocbot is an easy yet highly customizable TOC (table of contents) generator created with pure JavaScript.
Floating Table Of Contents In JavaScript – Ootliner
A JavaScript TOC plugin that helps create a dynamic, floating, and hover-triggered table of contents component based on the heading elements you specify.
Collapsible Side Table Of Contents In JavaScript – DocumentOutline
DocumentOutline is a table of contents JavaScript library specially designed for documentation websites.
Minimal Table of Contents Generator In JavaScript – Tocbase
A minimal JavaScript ToC library for generating an HTML list-based table of contents from heading elements with unique IDs.
Generate List Based Table Of Contents For Long Document – html-contents
A standalone JavaScript library which dynamically generates semantic, SEO-friendly, hierarchical table of contents from heading elements within your long document.
Hierarchical Table Of Contents In JavaScript – Easy-TOC
A lightweight and easy table of contents plugin to generate a hierarchical in-page navigation for a long webpage sectioned by heading elements.
Basic Table Of Contents Generator In JavaScript – table-of-contents.js
A really simple table of contents generator to create a hierarchical in-page navigation list from heading elements found within the document.
Sticky Navigation With ScrollSpy Using Intersection Observer API
This is a sticky on-page navigation (a.k.a table of contents) that automatically highlights the active menu items based on the visibility of their corresponding content sections within the document.
Update Navigation Items Based On Scroll Position – ScrollSpy.js
A small pure JavaScript scrollspy library that automatically highlights navigation items based upon scroll position to indicate which content section is currently active in the viewport.