如何将视口的最大高度设置为浏览器窗口的高度？

Question

我离专家很远，但我得到的代码几乎都是我想要的 - 我可以创建我的画廊，并且视口打开并显示我的图像，我的所有选项都按照我想要的方式工作等等。

对我来说不可取的是，如果网页足够长以便可滚动，则当打开灯箱视口（显示肖像图像时）比浏览器窗口的高度“更高”时，所以你必须滚动才能看到图像。

我知道我可以将maxHeight选项设置为任意数量的像素，但我宁愿不这样做，因为这会限制屏幕较大的人。

理想情况下，我希望视口与浏览器窗口底部的距离与顶部相同，根据需要调整图像大小（如果网页不是滚动）。

我认为正在发生的事情是，Lightbox正在使用网页的完整可滚动高度来确定视口的最大高度，以及我希望选择使用浏览器窗口高度的选项。

这似乎是它在Lightbox本身的网站上运作的方式 - http://lokeshdhakar.com/projects/lightbox2/#examples - 4图像集的工作方式几乎是我希望我的工作方式（尽管我会有更多的图像）。我相信它与加载到该页面的额外screen.css有关，但未包含在您下载的示例和Lightbox存档中，但我不知道足够的CSS能够解码我需​​要的内容它

希望这一切都有道理 - 任何人的想法？真的很感激一些帮助。

Answer 1

图像的maxHeight在文件lightbox.js中计算，第295行（适用于v2.9.0）：

windowHeight   = $(window).height();

要从浏览器窗口的高度对其进行计数，请将以下行替换为：

windowHeight   = document.body.clientHeight;