jquery - ダイアログの最大高さを設定してから、スクロールを許可する

Question

jqueryuiダイアログの高さを正しく設定する方法が理解できないようです。

存在するコンテンツの高さを表示したいのですが、400ピクセルを超える場合は、スクロールバーが必要です。

したがって、コンテンツの高さが200ピクセルの場合、ダイアログの高さは200ピクセルである必要があります。

コンテンツの高さが400ピクセルを超える場合、ダイアログは400ピクセルを超えて拡大せず、スクロールバーが表示されます。

私はこれまでにこれを持っています：

$("#popup").dialog({
            modal: true,
            autoOpen: false

});

score 10 · Accepted Answer

$("#popup").dialog({
            modal: true,
            autoOpen: false
});

css

#popup {
 border: 1px solid #ccc;
 border-radius: 4px;
 padding: 10px;
 overflow: auto;
 max-height: 300px;   
}

更新されたフィドルと調整されたコードを編集して、機能するようにします。理由はわかりませんが、jQuery UIダイアログでは、本来の機能を果たしmaxHeightていないようです。CSSに最大高さの部分を追加したところ、すべてがうまく機能していました。

1 に答える 1