Question

我有一个内部跨度的div，它将在网页上显示一条消息。我希望该消息显示在用户位于页面中的顶部。因此，假设用户在页面底部一直滚动，我希望该消息在他们可以在页面上看到的最高点显示给他们。谢谢你的帮助。

Answer 1

我相信你正在寻找

position:fixed

这是一个小样本：http://jsfiddle.net/8APrp/1/

Answer 2

您需要在css中使用position:fixed作为div。

Answer 3

是位置：此处修复了示例http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed

Answer 4

我很抱歉，但是：位置是：固定并非所有浏览器都支持。一个更好的选择是：

<html>
    <head>
    </head>
        <body>
        <div id='top_message'></div>
        <div id='main_container'></div>
        </body>
</html>

CSS：

body
{
    overflow:hidden;
}

#top_message
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:30px;
    display:block;
}

#main_conatainer
{
    position:absolute;
    top:30px;
    left:0px;
    width:100%;
    height:100%;
    overflow:scroll;
}

跨屏消息显示在屏幕顶部

4 个答案: