0

しばらくの間jQueryToolsのオーバーレイを使用していますが、ブラウザウィンドウがオーバーレイのコンテンツを収容するのに十分な大きさでない場合、どうすればよいかわかりません。

jQuery Toolsのサンプルページをチェックして、私が何を意味するかを確認してください。

  1. 画像の1つをクリックして、オーバーレイを表示します
  2. オーバーレイ全体が収まらないようにウィンドウのサイズを変更します

これは簡単な解決策（ブラウザウィンドウを大きくする）では単純な問題のように見えるかもしれませんが、私はモニターが低解像度に設定されている可能性のある高齢者向けのWebサイトで作業しています。

独自のjavascriptオーバーレイユーティリティを構築する以外に、私に何ができるか考えていますか？

4

2 に答える 2

1

オーバーレイdivのサイズを％で指定して、常に画面に収まるようにすることができます。

overlay_div {
height: 60%;
overflow-y: auto;
}
于 2012-05-18T10:56:02.423 に答える
1

スクロールなしの最大高さソリューション：

overlay_div {
max-height: 95%;
}

overlay_div img {
max-height: 95%;
}

スクリプト内：

$(document).ready(function() {
$("img[rel]").overlay({
  top: 25
  });
});
于 2013-12-22T15:01:55.513 に答える