Permalink
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. |