jQuery Easy Pinned Footer

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

Toggle between relative and static

Click here to 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!

Download These Files

Background image courtesy of: k10k.net