php - 制作
出现在当前滚动位置

Question

好的，我相信这个会很困难......我会先搜索互联网，但我无法正确提出问题，我只有图像和关于它是如何完成的疯狂猜测。也许你也会觉得它很有趣，也许它对你来说是小菜一碟……所以我们开始吧：

在此处输入图像描述

我相信你（也许）熟悉俄罗斯和乌克兰的社交网络 VKontake。这就像 Facebook，嗯，这个想法来自 Facebook。

因此，请注意滚动条以及有多少空间。当我点击带下划线的时候，这会打开：

在此处输入图像描述

看看滚动条是如何变化的，只能滚动“包装器div”的内容。但是，后台仍然是 vk.com/id myidnumber，这意味着没有发生重定向，它只是添加了?w=wall57371848_7204

所以问题如下：

如何“打印”出现在当前滚动位置的 div，并且可以像在图像上一样滚动。

如果您有兴趣，我可以为您提供代码。如果它像 1 2 3 一样简单，请回答:)

score 1 · Accepted Answer

诀窍是弹出窗口似乎是一个元素的子元素，它具有“位置：固定”样式，并且它的宽度和高度等于窗口的。此固定元素包含另一个具有更高高度的元素（并且包含模态数据），因此固定元素显示滚动。固定元素的滚动覆盖主体的滚动。

score 0 · Accepted Answer

我相信你想要一个模态窗口。有一个关于如何在这里创建一个很棒的教程：

此外，overflowDIV 标记的元素将定义在模态窗口本身中显示的 div 的滚动能力。这是一个 CSS 的东西，在这里更好地介绍：

希望有帮助！

score 0 · Accepted Answer

您需要为您的顶级模态 div 提供 CSS：

text-align: center;
vertical-align: middle;
position: fixed;
width: 100vw;
height: 100vh;

将position: fixed;其位置固定在浏览器上。

php - 制作出现在当前滚动位置