JavaScript Constant Footer

JavaScript Constant Footer Demo

Converts an element into a constant footer with adjusted opacity.

In this example, the footer runs along the bottom of the window and stays put even when you scroll or resize the browser.

If you have a really big screen, you may want to resize the page to see how it behaves when you scroll.

To use the plugin with the default configuration use:

Fenton.footer.addElement('myElementId').run();

By default the opacity is 0.8 (80%). You can adjust this using:

Fenton.footer.addElement('myElementId').setOpacity(0.5).run();

Because sizing can be affected right up until the page has finished loading, I recommend wrapping the code in the onload event:

window.onload = function () {
    Fenton.footer.addElement('footer').setOpacity(0.5).run();
};