pavlobondarchuk

<p>Simple Sticky TOC automatically generates a sticky table of contents for single posts or pages by parsing <code><h2></code>, <code><h3></code>, and <code><h4></code> tags. It is lightweight, mobile-friendly, and works without jQuery.</p>
<p><strong>Features:</strong><br />
– Automatically detects and anchors h2–h4 headings<br />
– Sticky TOC with vertical layout on desktop<br />
– Sticky toggleable TOC on mobile<br />
– Built-in RTL support (positioning + layout)<br />
– Option to disable TOC on individual posts<br />
– Option to customize TOC layout from your theme<br />
– Auto-generated anchor IDs for headings<br />
– Clean CSS, pure JavaScript, no jQuery</p>
<h3>Theme Override Support</h3>
<p>To override the default markup or styles:</p>
<ol>
<li>
<p>Copy the default template files from the plugin:</p>
<ul>
<li><code>frontend/partials/toc-template.php</code></li>
<li><code>assets/css/toc.css</code></li>
<li><code>assets/js/toc.js</code></li>
</ul>
</li>
<li>
<p>Paste them into your theme inside the following folder:</p>
<ul>
<li><code>your-theme/simple-sticky-toc/</code></li>
</ul>
</li>
</ol>
<p>Supported override files:</p>
<ul>
<li><code>simple-sticky-toc/toc-template.php</code> – custom TOC markup</li>
<li><code>simple-sticky-toc/toc.css</code> – custom styles</li>
<li><code>simple-sticky-toc/toc.js</code> – custom JS behavior</li>
</ul>


Simple Sticky TOC

Lightweight sticky table of contents for mobile and desktop. Automatically generates anchor links for h2–h4 headings. No jQuery.

ajejey

<p>Ajejey Smart Table of Contents creates a professional table of contents from your content headings (H1-H6) with smooth scroll navigation and multiple design templates.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic Generation</strong> – Scans your content and generates TOC automatically</li>
<li><strong>Smooth Scroll</strong> – Beautiful smooth scrolling to sections</li>
<li><strong>7 Design Templates</strong> – Choose from Minimal, Boxed, Bordered, Gradient, Card, Sidebar, or Compact styles</li>
<li><strong>Show/Hide Toggle</strong> – Collapsible TOC with smooth animation</li>
<li><strong>Flexible Positioning</strong> – Before content, after content, or use shortcode</li>
<li><strong>Heading Selection</strong> – Choose which heading levels to include (H1-H6)</li>
<li><strong>Customizable</strong> – Colors, fonts, and styling options</li>
<li><strong>Mobile Responsive</strong> – Works perfectly on all devices</li>
<li><strong>SEO Friendly</strong> – Helps with content structure and user experience</li>
<li><strong>Accessible</strong> – WCAG 2.1 AA compliant</li>
<li><strong>Lightweight</strong> – Less than 20KB total size</li>
<li><strong>No jQuery</strong> – Pure JavaScript for better performance</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin</li>
<li>TOC will automatically appear on posts/pages with 3+ headings</li>
<li>Customize settings in Settings > TOC Generator</li>
<li>Use shortcode <code>[toc]</code> for manual placement</li>
</ol>
<h4>Perfect For</h4>
<ul>
<li>Bloggers with long-form content</li>
<li>Content marketers</li>
<li>News and magazine websites</li>
<li>Documentation sites</li>
<li>Educational websites</li>
<li>Any site with structured content</li>
</ul>


Ajejey Smart Table of Contents

Automatically generate a beautiful table of contents from your post/page headings with smooth scroll navigation.

Simple Sticky TOC vs Ajejey Smart Table of Contents