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

jQuery Plugin For Fixed Footer At The Bottom Of The Page - Footer Reveal
File Size: 371 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.