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

turtlepod

<a href="http://genbumedia.com/plugins/fx-toc/" rel="nofollow ugc">f(x) TOC</a> Simple Table Of Contents Plugin. Just add [toc] shortcode in content to display. This plugin will parse and grab all heading (h1 -h6) in your content and display it as structured table of contents (just like WikiPedia.org table of contents).
Features:
<ol>
<li>Super simple and easy to use.</li>
<li>Auto create Table of contents by listing all your headings in your content.</li>
<li>The GPL v2.0 or later license. 🙂 Use it to make something cool.</li>
<li>Support available at <a href="http://genbumedia.com/contact/?about=f(x)+TOC" rel="nofollow ugc">Genbu Media</a>.</li>
</ol>
Shortcode Options:
You can use several options in [toc] shortcode:
<ol>
<li>title: to change the title of table of contents, as default is <code>Table of contents</code>.</li>
<li>title_tag: element wrapper for the title, the default is <code>h2</code>.</li>
<li>list: you can use <code>ul</code> for unordered list (default), or <code>ol</code> for ordered list.</li>
<li>depth: list depth (numeric). the default is <code>6</code>.</li>
</ol>
Advance usage example using all the options:
[toc title=”This page content:” title_tag=”strong” list=”ol” depth=”1″] 
Notes for developer:
<h4>Github</h4>
Development of this plugin is hosted at <a href="https://github.com/turtlepod/fx-toc" rel="nofollow ugc">GitHub</a>. Pull request and bug reports are welcome.
<h4>Hooks</h4>
List of hooks available in this plugin:
filter: <code>fx_toc_default_args</code> (array)
The default option for the shortcode.
filter: <code>fx_toc_output</code> (string)
HTML output of the shortcode.

f(x) TOC

Simple Table Of Contents Plugin. Just add [toc] shortcode in content to display.

Floating Table of Contents vs f(x) TOC