使用iFrame使用jQuery模式对话框滚动条问题

Question

我在jQueryUI的帮助下创建了一个模态对话框。由于我想加载其他页面（child.html），我在这里使用了iFrame。一切正常。

但问题是，它在模态对话框页面上也显示了一个滚动条。我尝试通过更改几个CSS属性，No Use来删除内部滚动条。过去10天我一直在努力解决这个UI问题。

请在这里查看我的页面。

http://sharanvijay.com/demo/Modal/html/parent.html

这是截图

注意：子网页和父网页都使用相同的CSS文件。

用于显示我引用的模型

How to display an IFRAME inside a jQuery UI dialog

有些人可以找到像火狐或其他任何摆弄工具，并建议我该怎么办？

Answer 1

查看“/Modal/css/jquery-ui.css”：

.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;

当我从Chrome中的开发者模式取消overflow: auto;时问题就消失了，所以如果有必要，你可以将其删除。