jquery - 在 View 中限制弹出窗口

Question

我知道如何在页面上弹出一个窗口(使用 Jquery)，我想做的是限制页面上弹出的窗口，这样当您向下滚动时它不会上升。 “父页面”可能很长，但当弹出窗口出现时，我希望页面“调整大小”，这样您就无法向下滚动页面。弹出窗口会保留，可能就在页面的中央。

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

1)类(class)。如果您曾经参加过 Coursera 的类(class)(您绝对应该参加)，那么当您观看视频时，该视频会弹出。但是，当您向下滚动时，视频会上升，甚至会消失在您的视线之外。这不是我想要的。

2)平特雷斯特。单击图片时，将弹出一个新窗口，您可以注意到滚动条状态发生了变化。它不再是弹出窗口出现之前的那个。

现在我的弹出窗口有这样的绝对位置样式:

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

那么我应该如何设置弹出窗口的样式才能实现目标？如果我有任何不清楚的地方，请询问。

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

那么有没有办法让下面答案给出的例子中弹出弹窗时滚动条消失呢？

Answer 1

你是这个意思吗？

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

http://jsfiddle.net/VE76x/1/

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