.jpg)
stickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech.
It is lightweight, fast, flexible and compatible with Firefox, Chrome,
Safari, and IE8+. It will degrade gracefully in older versions of IE.
A demo is included with the download package.
Requirements:
· JavaScript enabled on client side
· jQuery JavaScript Library
StickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.
One of the solutions that many people have come up with is to have the sidebar be positioned absolutely, then animate the top property. Although this solution worked, it looked jankey compared to fixed position element.
The problem with a simply "fixed" positioned element is that it doesn't react well to a scroll or window resize. In many cases the sidebar will overlap elements such as the footer or content area. Generally this is not the intended effect.
Getting Started: Get the Script
First you need to get yourself the code.
You will then need to include jQuery. Afterwards, implement the code
by including the javascript file, note you will have to make sure the src path is correct
< Script src = "js / stickyMojo.js" > </ Script >Setting up the HTML
Next you are going to want to setup your HTML structure. stickyMojo does its best to give you as much flexibility in your HTML structure. <div id="wrapper"> <div id="sidebar"> <p>sidebar</p> </div> <div id="main"> <p>main</p> </div> <div id="footer"> Footer </div></div>