Submit your widget

jQuery Easy Pinned Footer

Created 13 years ago   Views 14143   downloads 2076    Author johnpatrickgiven
jQuery Easy Pinned Footer
View DemoDownload
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>

Example jQuery Code

$(document).ready(function() {

$(window).resize(function() {

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!