jquery - jQueryモーダルダイアログの問題

Question

jQueryモデルダイアログで別のページを開くボタンがあります。ここでフレームを使用しました

function OpenUserDetail(userId) {

var url = 'popup.html';

var userFrame = $('<iframe class="dialogIFrame" frameborder="0" 
                marginheight="0" marginwidth="0" src="' + url + '"></iframe>');
var userDialog = userFrame.dialog(
                {
                    autoOpen: false,
                    height: 350,
                    width: 700,
                    modal: true,
                    title: 'New User',
                    open: function () {
                        userFrame.width(690);
                    },
                    close: function () {

                    }
                });
userDialog.dialog('open');

}

ただし、スクロールバーが表示されます。高さを下げても表示されます。どうした？

このライブリンクを確認してくださいhttp://sharanvijay.com/demo/issue/

更新：フレームにscrolling ='no'を追加し、高さを減らしました。現在、Chromeでは機能しますが、Firefoxでは機能しません。

Answer 1

iframeとダイアログコントロールの両方にoverflow: hidden/を付けてみてくださいoverflow: visible

ここで同様の答え：

iframeの水平スクロールバーを非表示にしますか？

Answer 2

オーバーフローで試しましたか？

overflow: hidden;