Element Floats According To Scroll

I would like to know how can make make an ELEMENT float according to scroll . For example , when I scroll down , the element that is position:fixed and left:0 will slowly come down

Solution 1:

the floating type of menu/bar you are searching for is little old style. Why dont you try something like this

Fixed floating elements

http://jsfiddle.net/dueWG/9/

http://static.jqueryfordesigners.com/demo/fixedfloat.html

Solution 2:

There is a jquery plugin

http://plugins.jquery.com/plugin-tags/floating

OR take a look at this tutorial

http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

Solution 3:

if you need your element to follow the scroll relative to your window you can use

position:fixed;

instead of absolute;