2013-03-23 103 views
0

我有一个按钮,在jQuery模型对话框中打开另一个页面。我在这里使用了一个框架jQuery Modal对话框问题

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'); 

} 

但它显示滚动条。即使我减少它显示的高度。什么是问题?

enter image description here

检查这个活链接http://sharanvijay.com/demo/issue/

更新:添加滚动= '不' 框架,降低高度。现在它适用于Chrome,但不适用于Firefox。

回答

1

尝试有两个iframe和对话框控件

类似的答案在这里overflow: hidden/overflow: visible

Hide horizontal scrollbar on an iframe?

+0

接着说:SCROLLING = no'现在改变'height'。有用! – Billa 2013-03-23 11:21:19

+0

它仍然不能在Firefox中工作 – Billa 2013-03-23 11:28:56

+0

你在FF中尝试过这个Fidde吗? http://jsfiddle.net/m5Btd/1300/ – 2013-03-23 11:29:54

0

你试过溢出吗?

overflow: hidden;