javascript - 如何制作 Facebook 剧院视图

Question

当你点击facebook上的照片时，它会弹出，看起来可以用灯箱或类似的东西来完成，看看地址栏，url被改变了，它可以用pushState javascript方法完成

但是你看浏览器垂直滚动条吗？这就像当页面没有溢出时打开新页面我确定它没有使用

body{
        overflow:hidden
} 

因为当您打开开发者工具（在 Chrome 中）时，滚动条处于活动状态

它就像一个全新的页面，我希望你能理解我的问题，抱歉英语不好

Answer 1

当图片在灯箱样式查看器中打开时，您是正确的，因为 URL 是通过 pushState 更改的。

滚动条通过一个简单的技巧呈现为非活动状态，其中整个页面的内容（专辑，或提要，或您之前所在的任何页面）都被分配了类_31e（这似乎是动态生成的，所以它并不总是会被命名为这个）。

_31e将以下 CSS 样式分配给容器：

position: fixed;
top: 0px;

您会看到它应用于开始标记之后的第二个。 divbody