sticky-footer.js
Advanced tools
Changelog
[2.0.0] - 2020-04-22
Readme
A very small and lightweight plugin to create a sticky footer just using JavaScript/jQuery.
If the original/normal height of the page is shorter than the window height, the library will extend the 'main content' element to fill the remaining space. This will essentially push the footer element down to the bottom of the page creating the sticky footer.
I decided to create this plugin as I have found myself recreating and using this effect/code in all my projects, so thought it would be better to only have it in one place. This makes it easier to maintain all uses of this effect. While also helping the developer community, with this small helper plugin for the front-end.
Firstly you will need a copy of one of two js files either the minified or non-minified version (sticky-footer.min.js or sticky-footer.js).
You can install it in various ways:
npm install sticky-footer.js (https://www.npmjs.com/package/sticky-footer.js)https://cdn.jsdelivr.net/npm/sticky-footer.js@1.3.0/src/sticky-footer.min.js)Next insert the script link into your HTML (sticky-footer.min.js or sticky-footer.js).
Then in your JavaScript, call the StickyFooter.js function by jQuery({mainContentSelector}).adjustHeightForScreen(); (for example jQuery(".main-content").adjustHeightForScreen();)
Has been tested with all major versions
Has been tested on all major browsers
This project is licensed under the terms of the GNU General Public License v3.0 license.
FAQs
jQuery plugin to create a sticky footer
The npm package sticky-footer.js receives a total of 2 weekly downloads. As such, sticky-footer.js popularity was classified as not popular.
We found that sticky-footer.js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.