0

jquery uiのダイアログを使用して、ブラウザーの高さ全体にまたがることは可能ですか？

次に、余分なページがある場合は、ブラウザのデフォルトのスクロールバーを使用して上下に移動し、オーバーレイの背後にあるページの残りの部分をフリーズしますか？

$(function()
  {
    $('#category_modal').dialog({
        autoOpen: false,
        title: 'hello',
        modal: true,
        height: auto,
        width: 500,
        resizable: false
    });
});
4

1 に答える 1

1

デフォルトのダイアログを使用していません。CSSを使用して、ダイアログを100％の高さ/幅で、「オーバーフロー」テキストをスクロール可能にすることができます。CSSでは、ダイアログは次のようになります。

#dialog_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

必要に応じて、ダイアログ内にiFrameを配置することもできます。ただし、これはバックグラウンドにあるものを完全に「フリーズ」する方法ではありません。ユーザーはいつでも背景を選択してマウスホイールを使用するか、ブラウザのスクロールバーを使用することができます。を使用overflow-yすると、ダイアログの端に2番目のスクロールバーが作成され、その中のコンテンツがスクロールされます（必要な場合）。

于 2013-01-14T22:13:52.457 に答える