Submit your widget

jQuery Easy Pinned Footer

Created 4 years ago   Views 16071   downloads 2121    Author johnpatrickgiven
jQuery Easy Pinned Footer
View DemoDownload 23.5 KB
132
Share |

Easy method, using jQuery, to pin a footer to the bottom of the web browser.

Toggle between relative and static

Example HTML

<div id="footer">
    <div>© 2009 - 2010 Whatever you might copyright.</div>
</div> 

Example jQuery Code

$(document).ready(function() {
    $("#footer").pinFooter();
});

$(window).resize(function() {
    $("#footer").pinFooter();
});

Plug In Options

$("#footer").pinFooter(); // Default positioning: "Static" or constant pinned footer

$("#footer").pinFooter("relative"); // Footer pinned if content less than window height.

And that's it! Well, other than including the proper jQuery and Easy Pinned Footer javascript files.

Hope you like it!

You might also like