Get new jQuery plugins just once a week
July 21, 2013
Stacks | jQuery plugin to create iOS style headers
Stacks is a jQuery plugin which as the user scrolls down the page, the heading for that section to follows the user so that navigation could follow the user.It reminds the user where they were. When getting the user to the next section, the headers needed to change, and a new header follow the user. It re-creates the effect that headers do on iOS applications, such as contents or playlists.It has got the following options :-
- title: The identifier for the elements you want to be fixed, can be any type of jQuery selector.
- body: This is the container that will house your floating element. Each floating element will need its own parent container, whether its a div or a section or whatever.
- margin: More often then not you will have some kind of padding at the bottom of your body container. Set this value to whatever the padding/margin is and this will ensure that the fixed element will scroll down as far as possible.
- offset:Set this value to any top offset you might have. Again, you will have to account for this in your css for the
.fixed, just setting the top to whatever value you put in here.
Created by Mike Smedley
iOS style headers
Sign up for our weekly newsletter.