Submit your widget

jQuery Easy Pinned Footer

Created 4 years ago   Views 15575   downloads 2051    Author johnpatrickgiven
jQuery Easy Pinned Footer
View DemoDownload 23.5 KB
128
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!