Facebook Image Viewer滚动问题

问题描述

| 我在Facebook上注意到，当查看的图像大于浏览器窗口的高度时，它将改变整个页面的滚动条，因此上下滚动将显示您正在浏览的图像部分失踪。 尚未接受过JavaScript / CSS领域的正式培训的人，也许我错过了本应该学习该问题答案有多明显的课程。无论如何，我想我想问问一下你们是否可以帮助我理解如何覆盖浏览器的默认滚动条行为。     

解决方法

        我很确定这是HTML中的默认操作。我不确定您在看什么，但这可能会有所帮助。 如果您想做同样的事情，Lightbox也许就是您想要的。     ,        弄清楚我要干什么... 以facebook图像查看器剧院为例，当您单击以查看图像时，它将主体的

overflow

设置为

hidden

。同时，它们将在其剧院div中消失，其属性类似于以下内容：

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

这样，如果图像的高度大于浏览器窗口的查看大小，则它将div的滚动条放置在正文的滚动条所处的位置。 再次，也许这对你们所有人都是显而易见的。我仍在学习这些技巧。