css - 如何使用css使div始终位于顶部？

Question

这里就像stackoverflow的警告栏。

它不应该是position:fixed，因为它不是所有浏览器都支持。

当然，position:absolute 也不会。

Answer 1

您始终可以使用 EMCAscript 或其形式之一(JScript、JavaScript)来计算视口(viewport)的位置并将位置设置为等于该位置。

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

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

然后通过 document.getElementById 传入您要使用的 DIV 对象。

我会使用 position: fixed;。但是，许多人仍在使用不支持它的 IE6。