BooTeK / jquery-stickytabs

Provides persistant state (back and forward button support) for Bootstrap tabs

jquery-stickytabs

Provides pushState (back and forward button support) to Bootstrap tabs

Install

NPM

type npm install jquery-stickytabs --save to install the library via NPM

Bower

type bower install jquery-stickytabs --save to install the library via bower

Usage

Run this in document ready or some equivalent initializer on your page:

$('.nav-tabs').stickyTabs();

Where nav-tabs is the default class for the bootstrap tabs feature.

Options

The following options are available to pass to jquery-stickytabs on instantiation

Example

$(function() {
	var options = { 
		selectorAttribute: "data-target",
		backToTop: true
	};
	$('.nav-tabs').stickyTabs( options );
});

option	default	description
selectorAttribute	false	Override the default href attribute used as selector when you need to activate multiple TabPanels at once with a single Tab using the data-target attribute.
backToTop	false	Prevent the page from jumping down to the tab content by setting the backToTop setting to true.

NuGet package

Tim Abell maintains a nuget package of stickytabs for easier installation in .NET projects. Report any packaging issues here: https://github.com/timabell/jquery-stickytabs/issues