Lightweight jQuery Sticky Footer Plugin

Sticky Footer is a super lightweight jQuery plugin that keeps your foot section always stay at the end of your page when window resized.

How to use it:

1. Include the latest version of jQuery library and the jQuery sticky footer plugin in the document.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="sticky_footer.js" type="text/javascript"></script>

2. Create an DOM element with the unique ID of 'footer' for your page footer.

<div id="header">
<h1>This is the header</h1>
</div>
<!-- /header -->
<div id="content">
<p>Here is the content</p>
</div>
<!-- /content -->
<div id="footer">
<p>This is the footer</p>
</div>
<!-- /footer -->

3. That's it. The footer element will auto move to the bottom of your screen when you resize the window.

---

This awesome jQuery plugin is developed by rgaspary. For more Advanced Usages, please check the demo page or visit the official website.