Facebook图片查看器滚动问题

Question

我注意到，在查看大于浏览器窗口高度的图片时，它会更改整个页面的滚动条，以便向上滚动和向下滚动会显示零件你错过的图片。

没有经过JavaScript/CSS艺术方面的正式培训，也许我错过了我应该学习这个问题的答案是多么明显的教训。无论如何，我想我会问，看看你们能否帮助我理解如何覆盖浏览器的默认滚动条行为。

Answer 1

想通了什么，我要去了......

要使用Facebook图片浏览器戏剧作为一个例子，当您单击以查看图像时，它会设置身体的overflow到hidden。与此同时，他们将在自己的剧场格，其属性是沿着线的东西淡化：

position: fixed; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 

这样一来，如果图像是比浏览器窗口查看大小越高，它会放置div的滚动条放在主体滚动条所在的位置。

再一次，也许这对你们都是显而易见的。我仍然在学习这些技巧。

Answer 2

我很确定这是HTML中的默认操作。我不完全确定你在看什么，但是这个maybe helpful。

如果你正在寻找做同样的事情Lightbox也许你在找什么。