jquery-tools - jQuery 工具覆盖屏幕太大，无法访问较低的内容

Question

我一直在使用 jQuery Tools 的叠加层，但是当浏览器窗口不够大而无法容纳叠加层的内容时，我不知道该怎么办。

查看jQuery Tools 示例页面，了解我的意思：

1. 单击其中一个图像以显示叠加层
2. 调整窗口大小，使整个叠加层无法容纳

这似乎是一个简单的解决方案（使您的浏览器窗口更大）的简单问题，但我在一个迎合老年人的网站上工作，他们的显示器可能设置为低分辨率。

除了构建自己的 javascript 覆盖实用程序之外，知道我能做什么吗？

Answer 1

您可以以 % 为单位指定覆盖 div 的大小，以便它始终适合屏幕。

overlay_div {
height: 60%;
overflow-y: auto;
}

Answer 2

无滚动的最大高度解决方案：

overlay_div {
max-height: 95%;
}

overlay_div img {
max-height: 95%;
}

在脚本中：

$(document).ready(function() {
$("img[rel]").overlay({
  top: 25
  });
});