javascript - 使用jQuery将div定位到视口顶部

Question

如何将#lightbox div 定位到始终位于视口的顶部？

$(document).ready(function(){
    $('.mehr').click(function() {
    $("body").css("overflow", "hidden");
    $('#lightbox').css({'visibility' : 'visible'}).animate({'background-color': 'rgba(0, 0, 0, 0.9)', 'opacity': '1'}, 500);
});

非常感谢您的帮助！

Answer 1

CSS：

#lightbox {
  position: absolute;
  z-index: 999;
}

Answer 2

设置position:absolute和z-index:1000

Answer 3

position: fixed; top:0; z-index:999999;

Answer 4

您可以将其与简单的 HTML / CSS 一起使用：http: //jsfiddle.net/wZDXg/

HTML：

<div id="lightbox">Light box</div>
<div id="other">Other content</div>

CSS：

body
{
    margin:0;    
}

#lightbox
{
    background-color:gray;
    width : 100%;
    height: 150px;
    position : fixed;
    top      : 0;
    margin-bottom:150px;
}

#other
{
    margin-top : 150px; 
    height     : 1500px;
    background-color:#999999;
}