jquery - 我如何相对于窗口页面定位 div(响应式 css)

Question

所以我制作了一个按钮来隐藏和显示带有占位符文本的 div:

<button id="btn1">Click to display div1</button>
<div id="div1"></div>

#div1 被定位为绝对原因，因为我不想修复它。

当我点击我的按钮时，如何让它出现在窗口屏幕中？距离窗口屏幕有 10px 的顶部？

还有一个问题，我如何使那个 div 居中？

Here is the Fiddle

Answer 1

这对你来说怎么样:http://jsfiddle.net/wildandjam/KXW9v/

我所做的是添加到#div1:

top:10px;
left:50%;
margin-left:-250px;

但是我认为要获得它相对于窗口而不是文档“弹出”的效果，您可能需要使用 fixed？