Submit your widget

jQuery Easy Pinned Footer

Created 14 years ago   Views 14324   downloads 2129    Author johnpatrickgiven
jQuery Easy Pinned Footer
View DemoDownload
111
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!