How to make div always top using css?

css

Solution

You could always use EMCAscript or one of its forms (JScript, JavaScript) to calculate the position of the viewport and set the position equal to that.

function positionView()
{
  return (window.pageYOffset) ?
    window.pageYOffset :
    (document.documentElement.scrollTop) ?
      document.documentElement.scrollTop :
      document.body.scrollTop;
}

function setPosition(object)
{
  object.style.top = positionView() + "px";
}

Then just pass in the DIV object you want to use, with `document.getElementById`.

I'd use `position: fixed;`. Many people still use IE6, though, which does not support it.

Problem

Like alert bar of stackoverflow here. It should not be `position:fixed`,because it's not supported by all browsers. Absolutely,neither will `position:absolute` do.

Original source