0

私が開発しているアプリケーションでは、モーダルjQueryUIダイアログにヘルプが表示されます。ほとんどの場合、それは美しく機能します。問題が1つあります。ダイアログの右下にある矢印を使用してヘルプテキストをスクロールしようとしても、マウスをドラッグしてダイアログのサイズを変更するのと同じ場所にあるため、スクロールできません。

これを想像するのが難しい人のためのスクリーンキャプチャ。 問題はダイアログの右下にあります

jQueryUIダイアログの「ボタン」オプションを使用してダイアログの下部に「閉じる」ボタンを追加した場合、これは発生しないことに気付きましたが、それはアプリケーションの他の場所のスタイルと矛盾します。

誰かがこれを回避する合理的な方法を知っていますか？理想的には、他のダイアログに影響を与えることなく、このダイアログの下部にスクロールされていない小さなdivが表示され、マウスドラッグのサイズ変更が画面上で下矢印よりも低くなるようなものが必要です。

4

1 に答える 1

2

ui-dialogのクラスに下部のパディングを追加するとjquery-ui.xxxx.css、次のような動作になります。

.ui-dialog {
    ... Existing CSS...
    padding-bottom: 15px !important;
}
于 2012-03-13T20:20:57.977 に答える