css - 使用 iFrame 的 jQuery 模态对话框的滚动条问题

Question

我在 jQueryUI 的帮助下创建了一个模式对话框。因为我想加载另一个页面（child.html），所以我在这里使用了 iFrame。一切正常。

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

请在这里查看我的页面。

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

这是截图

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

为了展示我提到的模型

如何在 jQuery UI 对话框中显示 IFRAME

有人可以用一些诸如火狐之类的摆弄工具找出答案并建议我该怎么做吗？

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;，所以如果需要，你可以将其删除。