Question

好吧，我相信这个会很难...我会首先搜索互联网，但我不能正确地提出这个问题，我只有图像和猜测它是如何完成的。也许你会发现它也很有趣，也许它对你来说是小菜一碟......所以我们走了：

enter image description here

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

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

enter image description here

查看滚动条的更改方式，您只能滚动“包装器div”的内容。但是，背景仍然是vk.com/id myidnumber ，这意味着没有重定向，只添加了?w=wall57371848_7204

所以问题如下：

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

如果您有兴趣，我可以为您提供代码。如果它很容易为1 2 3，请回答：）

Answer 1

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

Answer 2

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

DIV标记的overflow元素也将定义在模态窗口本身中显示的div的滚动功能。这是一个CSS的东西，更好地涵盖在这里：

希望有所帮助！

Answer 3

您需要使用CSS提供顶级模态div：

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

position: fixed;修复了浏览器的位置。