Div position is fixed at the top of the web page

Question

How to make a div always appear at the top of a web page, even if the projected one scrolls vertically.

Answer 1

Use CSS position: fixed; :

 #topdiv { position: fixed; top: 0; } 

See jsFiddle example: http://jsfiddle.net/CXACT/1/

Answer 2

div#myDiv {position: fixed; top: 0px; ...}

Answer 3

Css:

 #topdiv { position: fixed; top: 0; } 

You can also do using jQuery,

Always use the scrolltop value and change the top of the div.

 $("#topdiv").css("top", scrolltop);