10 Best Table Of Contents JavaScript Plugins For 2019

by jQueryScript,

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:

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.

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

[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.

Dynamic jQuery Scrollspy Plugin For Bootstrap - Dynamicscrollspy.js

[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.

Customizable Page Scroll Progress Indicator Plugin For jQuery

[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.

jQuery Table of Contents Plugin - Tocify

[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.

Highly Configurable jQuery Table of Contents Plugin - TocJS

[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.

Generating A Table Of Contents with Pure JavaScript – TOC

[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.

Animated Side TOC Nav For Long Web Content

[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.

Highly Customizable Table Of Contents Generator – Tocbot

[Demo] [Download]


4. Easy Table of Contents Generator In Pure JavaScript

Yet another table of contents generator written in pure JavaScript.

Easy Table of Contents Generator 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.

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

[Demo] [Download]