首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用css使div始终位于首位?

如何使用css使div始终位于首位?
EN

Stack Overflow用户
提问于 2010-01-26 11:11:08
回答 6查看 31K关注 0票数 5

比如这里的stackoverflow的警告栏。

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

当然,position:absolute也不会这样做。

EN

回答 6

Stack Overflow用户

发布于 2010-01-26 11:21:10

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

代码语言:javascript
复制
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,因为它不支持它。

票数 3
EN

Stack Overflow用户

发布于 2010-01-26 11:12:51

将div放在body标签下,给它绝对的位置,top:0,left:0,如果你想让它推送内容,只需要把它放在那里,而不是我给你的CSS。

票数 2
EN

Stack Overflow用户

发布于 2012-02-03 14:59:27

如果您正在使用css中任何类,则只需执行非常简单的步骤就可以再应用一个属性z-=1;如果该div相对于其父div,它将使该div始终位于顶部。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2137297

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档