Skip to content

mazer-rakham/superEasyStickyFooter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Wooooo Super easy sticky footer!


This is a very very simple sticky footer that expands with content. You call it like any other function superEasySticky_Footer(); in between your script tags. AFTER jQuery

You MUST have the footer node in html used, not the div node with a footer class. And you must have your in your css the following:
footer { display:none; }

You can put whatever you like in there to style as long as the display none is in there, what this does is if you have a large website, the footer will not show up until the page is loaded, so it is not hangning in the middle of the screen looking dumb

It accepts two parameters, the first one is adjustment for browser height, I tested it and it is set at document height minus 50 pixles. If you need to adjust that to line up at the bottom of the screen when there is no content, that is the first parameter. The second parameter is the space between the bottom of the content and the footer, I have it set at default at 20 pixles, but you can put whatever in you want.
An example with parameters is
superEasySticky_Footer(15, 175);

Enjoy!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published