david smith

Add a floating table of contents to your posts. Style them as you see fit (to match your posts and branding). 
Acknowledgments—- 
Insparation and Code snippits from www.webdeasy.de 
FontAwesome Icons used under creative commons found here https://fontawesome.com/license

Floating Table of Contents

Add a floating table of contents to your posts

jamesckemp

Simply use the <code>[toc content=".your-container"]</code> shortcode to automatically generate a table of contents for any HTML container.
The shortcode accepts a number of parameters:
<ul>
<li><code>content</code> string required 
A CSS selector indicating the container of your content.</li>
<li><code>headers</code> string 
A comma separated list of heading selectors that you want to include.</li>
<li><code>speed</code> int 
Speed of sliding back to top.</li>
<li><code>anchor-class</code> string 
Class of anchor links.</li>
<li><code>anchor-text</code> string 
Prepended or appended to anchor headings. Leave blank to disable anchor links.</li>
<li><code>top_class</code> string 
Back to top button or link class.</li>
<li><code>spy</code> true/false 
Enable scroll spy. This will highlight the list items as you scroll past them.</li>
<li><code>position</code> append/prepend 
Position of anchor text.</li>
<li><code>spy-offset</code> int 
Specify heading offset for spy scrolling.</li>
</ul>

Shortcode Table of Contents

Display an automated table of contents via shortcode.

Floating Table of Contents vs Shortcode Table of Contents