Submit your widget
HomeLayout & InterfacejQuery Easy Pinned Footer

jQuery Easy Pinned Footer

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