Javascript对话框中的两个滚动条

时间:2015-12-28 21:13:53

标签: jquery html

我有以下代码在javascript对话框中打开一个url页面。一切都运行正常,但问题是它提供了两个看起来有点奇怪的滚动条look here。有人可以帮忙删除吗?

url = 'mypage.php'
var dlg=$('#div1').dialog({                  
    resizable: true,
    modal: true,
    hide: "puff",
    show : "slide",
    width:700,
    height:500
});
dlg.css({height:"500", overflow:"auto"})
dlg.html('<iframe style="border: 0px; " src="' + url  +'" width="100%"    height="100%"></iframe>');            
dlg.dialog('open');

1 个答案:

答案 0 :(得分:0)

虽然我相信其中一些评论已经解决了您所关注的问题,但为什么不通过利用jQuery .load()函数直接移植{{mypage.php来避免加载iFrame的麻烦。 1}}如此进入你的对话框?

<script type="text/javascript">

    // URL to Load
    url = 'mypage.php';

    // Set up Dialog Element
    var dlg=$('#div1').dialog({                  
        resizable: true,
        modal: true,
        hide: "puff",
        show : "slide",
        width:700,
        height:500
    });

    // Load Our Content
    dlg.load( url );   

    // Open Our Dialog         
    dlg.dialog('open');

</script>