2013-04-04 46 views
0

当你点击Facebook上的照片时,它显示弹出窗口,它看起来像可以用灯箱或类似的东西来完成,看看地址栏,网址被改变了,它可以用pushState javascript来完成方法如何让Facebook剧院视图

但是你看看浏览器垂直滚动条?它就像打开新页面时,页面不溢出 我敢肯定,它不是使用

body{ 
     overflow:hidden 
} 

,因为当你打开开发人员工具(在Chrome),其滚动条是活动

它就像一个整体新页面,我希望你能理解我的问题,对不起英文不好

回答

1

当在lightbox风格的查看器中打开图片时,您正确的是通过pushState更改了URL。

滚动条被一个简单的把戏渲染为非活动状态,其中整个页面(专辑或Feed或之前的任何页面)的内容被赋予类_31e(这似乎是动态生成的,所以它并不总是会被命名)。

_31e以下CSS样式分配到容器:

position: fixed; 
top: 0px; 

你会看到它应用到div开幕body标记之后。

+0

哦是的,就是这样,我称之为“一个全新的一页”是一个外部_31e div的div,不固定 谢谢 – 2013-04-04 03:40:36