Skip to content

aidanlister/jquery-stickytabs

Folders and files

NameName
Last commit message
Last commit date
Feb 27, 2018
Aug 7, 2016
Jan 5, 2015
Aug 7, 2016
Aug 7, 2016
Mar 10, 2015
Feb 27, 2018
Jul 31, 2016
Aug 7, 2016

Repository files navigation

jquery-stickytabs

npm version

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