Javascript 冻结和暗显页面内容，然后覆盖新内容并使其可滚动？

基本上，我想说的是当你点击主页上的一张图片时会发生什么

---

怎样才能使页面不可滚动，而使覆盖的新内容可滚动

您可以对保存初始页面的容器使用css位置，并将其设置为固定。这加上一个固定的高度，将得到一个保持位置的页面（另外，请确保设置overflow:hidden）

然后，您想要放在顶部的容器也使用固定位置，但要给它留一个边距，使其位于页面的中心。对于这一组

溢出：滚动

或

溢出：自动

有关职位的更多信息，请参见以下示例：

---

您通常应该发布一个您已经尝试过的示例。