Permalink
Cannot retrieve contributors at this time
Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.
Sign up
Fetching contributors…
Cannot retrieve contributors at this time
| EZ-Sticky-Footer jQuery plugin | |
| Version: 0.1.2 | |
| jQuery plugin to make the page footer stick to the bottom of the page. | |
| https://github.com/maratbn/EZ-Sticky-Footer | |
| https://plugins.jquery.com/ez-sticky-footer | |
| Copyright (c) 2013-2014 Marat Nepomnyashy http://maratbn.com maratbn@gmail | |
| Licensed under BSD-3 | |
| JavaScript-based solution for a non-trival CSS problem. | |
| * No numeric configuration with dynamically-changing and arbitrary | |
| footer / content areas heights. | |
| * No absolute or relative positioning. | |
| * No other funky CSS tricks and hacks, in fact no CSS required. | |
| * Works on IE6+. | |
| * Works on the default Android Browser. | |
| The plugin requires that several <div>s (or any other tags that are | |
| displayed in block mode) be designated as: | |
| (1) Main page container <div> | |
| (2) The content expander <div> | |
| (3) The page footer <div> | |
| The <div>s are designated by assigning them special CSS class names | |
| according to the following table: | |
| role CSS class name to assign | |
| ---- ------------------------ | |
| page container jq-ez-sticky-footer-page-container | |
| content expander jq-ez-sticky-footer-content-expander | |
| page footer jq-ez-sticky-footer-page-footer | |
| The structure of the page must be the following: | |
| <body> | |
| <div class='jq-ez-sticky-footer-page-container'> | |
| <div>your header (does not need any CSS class)</div> | |
| <div> | |
| ... | |
| your content (does not need any CSS class) | |
| ... | |
| <div class='jq-ez-sticky-footer-content-expander'></div> | |
| </div> | |
| <div class='jq-ez-sticky-footer-page-footer'> | |
| your footer | |
| </div> | |
| </div> | |
| </body> | |
| Important: | |
| (1) The container <div> designated for use by the plugin should | |
| not have any customized margin or padding styles applied to | |
| it, as the plugin needs to manipulate these settings for it to | |
| work. If needed by the page, these settings can still be | |
| specified in a nested <div>. | |
| (2) The expander <div> must be inside the page content <div>. | |
| (3) The expander <div> must be completely empty. | |
| Please see INSTALLATION_INSTRUCTIONS for more details. | |
| If the plugin does not seem to work correctly, please file a bug report | |
| at: | |
| https://github.com/maratbn/EZ-Sticky-Footer/issues | |
| When filing a bug report, please make sure to state the browser you're | |
| using, and to include links to 'example.html' on your webserver, as | |
| well as the page on which the plugin is deployed but does not seem to | |
| be working. |