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/

更新：为框架添加了滚动='否'并降低了高度。现在它适用于Chrome，但不适用于Firefox。

Answer 1

尝试使用iframe和对话框控件的overflow: hidden / overflow: visible

类似的答案：

Hide horizontal scrollbar on an iframe?

Answer 2

你尝试过溢出吗？

overflow: hidden;