10 Best Table Of Contents JavaScript Plugins For 2019

This is a collection of 10 best (most downloaded) table of contents jQuery or Vanilla JavaScript plugins we published on jQueryScript and CSSScript.com.

Uses there plugins on your long web content to improve user experience and boost search engine rankings.

See also:

• 5 Best Table Of Contents Plugins To Improve WordPress UX And SEO

jQuery Table Of Contents Plugins:

1. Sidebar Table Of Contents Generator with jQuery and Bootstrap - Bootstrap Toc

A lightweight jQuery & Bootstrap plugin used to generate a sticky, collapsible table of contents from heading tags within the document.

[Demo] [Download]

---

2. Dynamic jQuery Scrollspy Plugin For Bootstrap - Dynamicscrollspy.js

A jQuery plugin which dynamically generates a nested side navigation (TOC) from heading tags within the document, with support for scrollspy functionality.

[Demo] [Download]

---

3. Customizable Page Scroll Progress Indicator Plugin For jQuery

The jQuery Advanced Scroll Progress Tracker plugin automatically generates a fixed scroll progress indicator from heading elements and allows linking between them.

[Demo] [Download]

---

4. jQuery Table of Contents Plugin - Tocify

Tocify is a jQuery Plugin for creating a table of of contents that provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support.

[Demo] [Download]

---

5. Highly Configurable jQuery Table of Contents Plugin - TocJS

Yet another jQuery plugin to generate a table of content from headings in the document for long content page.

[Demo] [Download]

---

Vanilla JS Table Of Contents Plugins:

1. Generating A Table Of Contents with Pure JavaScript – TOC

TOC is a jQuery-free JavaScript plugin that automatically generates a table of contents from HTML heading tags of your long content.

[Demo] [Download]

---

2. Animated Side TOC Nav For Long Web Content

This is a pretty cool side TOC (table of contents) & navigation system which allows to highlight the current nav item with an animated progress line when you scroll through the webpage.

[Demo] [Download]

---

3. Highly Customizable Table Of Contents Generator – Tocbot

Tocbot is an easy yet highly customizable TOC (table of contents) generator created with pure JavaScript. It allows you to automatically generate an interactive in-page navigation menu from headling elements with support for scrollspy and smooth scroll.

[Demo] [Download]

---

4. Easy Table of Contents Generator In Pure JavaScript

Yet another table of contents generator written in pure JavaScript.

[Demo] [Download]

---

5. Generate A Hierarchical Table Of Contents With Vanilla JS – toc-plugin

A vanilla JavaScript TOC plugin used to generate a list based hierarchical table of contents for long web content.

[Demo] [Download]

---