🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Automatically generating a table of contents with a smooth scroll effect

Automatically generating a table of contents with a smooth scroll effect

I am writing a jQuery plugin that will automatically search for your headings and create a table of contents based on them for your blog post. We’ll also be adding a smooth scroll effect, so that when a user clicks on an entry they are brought to the right section. I know a table of contents is a bit of an unusual topic for a tutorial, but if you’re writing a help file for your product, or an FAQ it’s just as applicable. This tutorial also serves as an introduction to jQuery basics.

Plugins
Demo Tutorial

You May Also Like

xBreadcrumbs jQuery Plugins with Demo

jSnow – jQuery Snow Effect with Demo

jQuery Mega Select List with Demo

Face detection jQuery Plugin with Demo

MobilySelect jQuery plugin

LETTERING.JS web typography jQuery plugin

AviaSlider jQuery slideshow Plugin with Demo

imgAreaSelect image crop jQuery plugin with Demo

Style-my-tooltips jQuery plugin with Demo

jQuery UniqueField plugin with Demo

Contactable – A jQuery Plugin with Demo

jQuery Page Curl with Demo

Supersized 3.0 jQuery Plugin with Demo

Flip! jQuery plugin with Demo

idTabs jQuery Plugin with Demo

Tabify jQuery Plugin with Demo

Contained Sticky Scroll jQuery Plugin with Demo

Display Your Favourite Music with jQuery & Last.fm

Digg Like URL Submitter Using jQuery and PHP with Demo

jQuery Autocomplete plugin

gmap google maps plugin for jquery

How to Create a jQuery Confirm Dialog Replacement

Autotab: jQuery auto-tabbing and filter plugin

zClip: jQuery ZeroClipboard

jQuery Splatter Plugin

An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

jQuery UI CoverFlow 2.0

Reveal: jQuery Modals Made Easy

jQuery Roundrr – How To Create Circular Image Galleries With jQuery

jQuery + Flot – Plots, Canvas and Charts

jQuery Horizontal Accordions plugin: Easy Accordion

jQuery plugin: Easy List Splitter

jRating – Flexible jQuery Ajax Rating Plugin

jTextTranslate: A jQuery Translation Plugin

TN34 Timetabs – jQuery Plugin

Barack Slideshow in jQuery

bgStretcher – jQuery Background Stretcher Plugin

Create an Attractive Before and After Photo Effect with jQuery

Blend Effect navigation menu in jQuery

TipTip jQuery Plugin

Jcrop – The jQuery Image Cropping Plugin

JQuery Google Translate Plugin

JQuery Google Maps V1.01

OpenSocial jQuery Mixi Platform

Making a Flickr-powered Slideshow in jQuery

Create a Digg-style post sharing tool with jQuery

Building an interactive map with Raphael

Search And Share with jQuery

Easy Slider 1.7 – Numeric Navigation jQuery Slider

FontEffect – jQuery Plugin

Columnizer – jQuery Plugin

Web 2.0 Document Search Site with jQuery

jQuery.popeye : Inline lightbox alternative with slideshow

jQuery plugin: Easy Image Zoom

Gradient text jQuery plugin

jQuery Select : Color Picker

jqFancyTransitions slideshow with strip effects

3D Waterwheel Image jQuery Carousel

GalleryView: A jQuery Content Gallery Plugin

ToggleSlide jQuery Select box

Galleriffic jQuery Plugin

3D Gallery View jQuery Plugin

JQuery Animated Table Sort – REGEXP Friendly

Spotlight: Constrained Stickies with jQuery

s3Slider image sliding jQuery plugin

icSelectionBox Select Box – JQuery Plugin

jxSlider ajax-loaded content jQuery Plugin

Subway Map Visualization jQuery Plugin

jQuery Banner Rotator

YoxView jQuery image viewer plugin

jQuery Plugins

AngularJs Plugins