jQuery工具覆蓋屏幕太大，無法訪問較低的內容

Question

我一直在使用jQuery Tools的覆蓋一段時間，但我不知道當瀏覽器窗口不足以容納內容時該怎麼辦的覆蓋。

退房的jQuery Tools example page和明白我的意思：

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 
    }); 
});