Pure CSS Sticky Elements, Sticky Footer, Sticky Banner, Sticky Margin widgets

Ever wonder how those sticky footer stays intact at the bottom of the page? And those lovely bubbles that floats over the page even while scrolling? fed up of trying Jquery and other scripts library available? Here is the quick and complete CSS solution to make any HTML elements sticky. Like my previous Post, all the codes are pure 100% home made CSS.. that means no CSS/ JavaScript library is used.

Lets get Started

Demo Download Code

The HTML

We are making 4 sticky HTML elements Sticky buble,  Sticky left margin banner, Sticky footer, Sticky page center like a light box

<div id="sticky-buble" >Sticky<br />Buble</div>
<div id="sticky-Left-Banner" >Left Margin<br />Sticky</div>
<div id="sticky-center" >Stickey Page Center <br />With Transparency</div>
<div id="sticky-footer" >Stickey Footer</div>

read more