Question

Like in Yahoo.com, when we scroll the page downwards its Search Box gets stuck to the top of the window on a particular scroll location? How to do that, Is it possible using css?

Answer 1

You need to have a container div for the div that will be fixed. The div that you want to show always at the top will be inside this div like this:

<div id="fixedDivWrapper">
  </div id="scroll">
    This stays still!
  </div>

and your css:

position: fixed; /*This fixes it to the top of the div.*/
top: 20px; /*Margin at the top of the fixed div*/