如何相对于屏幕显示<div>？

Question

如何显示相对于屏幕，而不是页面。例如，我想显示一个带有广告的窗口，这个窗口应该居中并位于其他元素的顶部，并且无论页面的滚动如何都以屏幕为中心。

Answer 1

也许，像这样：

＆＃13;

＆＃13;

    $('#center').css("position","absolute");
    $('#center').css("top", Math.max(0, (($(window).height() -     $('#center').outerHeight()) / 2) + $(window).scrollTop()) + "px");
    $('#center').css("left", Math.max(0, (($(window).width() - $('#center').outerWidth()) / 2) + $(window).scrollLeft()) + "px");

＆＃13;

div{
       	 border-style:solid;
       	 border-width:2px;
       	 border-color:gray;
         padding:10px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="center">Centered content</div>

＆＃13;

＆＃13;

＆＃13;