Mar 11, 2014 in Mobile 4314 views
Shifter is a jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them
Include the following resources on your page before initializing:
<script src="jquery.fs.shifter.js"></script> <link href="jquery.fs.shifter.css" rel="stylesheet">
You can deploy and update via the command line with Bower:
bower install Shifter
Options are set by passing a valid options object at initialization or to the public "defaults" method. You can also set custom options for a specific instance by attaching a data-boxer-options attribute containing a properly formatted JSON object to the target element.
NAME | TYPE | DEFAULT | DESCRIPTION |
---|---|---|---|
maxWidth | string | '980px' | Width at which to auto-disable plugin |
Methods are publicly available to all active instances, unless otherwise stated.
Closes navigation if open
$.shifter("close");
Enables navigation system
$.shifter("enable");
Sets default plugin options
$.shifter("defaults", opts);
PARAMETER | TYPE | DEFAULT | DESCRIPTION |
---|---|---|---|
opts | object | {} | Options object |
Removes instance of plugin
$.shifter("destroy");
Disables navigation system
$.shifter("disable");
Opens navigation if closed
$.shifter("open");
Tagged with:
navigation
menu
slide menu
mobile menu
slide out menu
shifter
menu tutorial
shifter demos
Related Articles