Jquery 约束视图中的弹出窗口

我知道如何在页面上弹出窗口（使用Jquery），我想做的是约束页面上弹出的窗口，这样当你向下滚动时它就不会向上滚动。“父页面”可能很长，但当弹出窗口出现时，我希望页面“调整大小”，以便您无法向下滚动页面。弹出窗口保持不变，可能就在页面的中心

好吧，我知道我说得不够清楚。让我们看一些例子

1） 库塞拉。如果你曾经参加过Coursera课程（你绝对应该参加），当你观看视频时，视频会弹出。然而，当你向下滚动时，视频会上升，甚至消失在你的视线之外。这不是我想要的

2） 品特瑞斯特。单击图片时，将弹出一个新窗口，您可以注意到滚动条状态已更改。它不再是弹出窗口出现之前的那个

现在，我的弹出窗口具有如下绝对位置样式：

.popup{
position: absolute;
top: 40px;
...
}

那么，我应该如何设计弹出窗口，以便实现目标？如果有什么我不清楚的，请问

编辑：让弹出窗口像这两个答案一样固定很好，但是有没有办法根据弹出窗口而不是初始页面滚动？这意味着，如果弹出窗口需要滚动查看整个内容，您可以滚动，但如果弹出窗口已经完好无损，则无论初始页面的高度如何，您都无法滚动

那么，在下面的答案给出的示例中，当弹出窗口时，有没有办法使滚动条消失

你是这个意思吗

.popup {
    position: fixed;
    top: 50%;
}

---

嗯，它仍然滚动，但弹出窗口保持不变。

这是一个基于Antony答案的交叉浏览器解决方案。 IE使用绝对位置而不是固定位置

.popup {
    position: fixed;
    top: 50%;
}
<!--[if IE]>
    .popup {
        position: absolute;
        top: 50%;
    }
<![endif]-->

.popup{
位置：固定；
最高：50%；
}