jQuery Plugin For Fixed Footer At The Bottom Of The Page - Footer Reveal

Footer Reveal is a jQuery plugin for creating a sticky footer hidden under the main content that will be revealed when you scroll down to the bottom of the page.

How to use it:

1. Include the latest version of jQuery library and the jQuery footer reveal plugin at the bottom of the document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/footerreveal.js"></script>

2. Create a footer element on the document.

<div class="footer">
...
</div>

3. Call the plugin on the footer element and you're done.

$(function() {
$(".footer").footerReveal();
});

4. Default settings.

$(function() {
$(".footer").footerReveal({
shadow : true,
shadowOpacity: 0.8,
zIndex : -100
});
});

Change logs:

2017-01-16

• Added footerRevealResize event

2016-12-01

• bugfix

2014-12-09

• if footer is taller than window, disable footerReveal

2014-07-14

• fixed width bug, added shadowOpacity option, added full demo page

2014-06-06

• started bug fix for fixed headers etc

2014-06-03

• changed width to max-width

2014-06-03

• added z-index option
• added support for non-full width containers

---

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