🖥️ Scroll Demo (TOC Stays Fixed)

Section 1: Introduction

Welcome to the comprehensive guide. This content scrolls while the TOC remains fixed in position.

Section 2: Features

Discover all the powerful features available in Smart TOC Pro for enhanced navigation.

Section 3: Setup Guide

Follow our step-by-step instructions to get started quickly and easily.

Section 4: Configuration

Learn how to customize every aspect of your table of contents.

Section 5: Advanced Options

Explore advanced features and developer customization options.

Section 6: More Content

Notice how the TOC sidebar stays fixed while you scroll through content.

📌

Always Visible

TOC remains accessible throughout entire page

📐

Smart Positioning

Accounts for admin bar and sticky headers

Performance Optimized

Uses CSS position: sticky for best performance

📱

Mobile Adaptive

Converts to non-sticky on small screens

🎯

Custom Offset

Set top/bottom offset from viewport edges

🔄

Scroll Boundary

Define where sticky behavior starts/ends

Sticky TOC Configuration

📍 Position Type

Choose between CSS sticky, fixed positioning, or JavaScript-based sticky behavior

📏 Top Offset

Set distance from top of viewport (useful for sticky headers/admin bars)

📱 Mobile Behavior

Control sticky behavior on mobile: disable, auto-hide, or convert to floating

🔢 Z-Index Control

Adjust stacking order to ensure TOC appears above/below other elements

↕️ Max Height

Set maximum height for sticky TOC with scroll overflow for long lists

🎯 Sticky Container

Define parent container boundaries where sticky behavior applies