可拖动的对话框作为可拖动的iframe（或可拖动的div）

Question

我的页面中有父页面和对话框。

我的问题是：

• 当我打开对话框，它具有高度和宽度相同的父页面的宽度和高度。

• 我使用draggable属性作为对话框，我可以在父页面中移动它。

• 当我在对话框中选择一个项目然后项目的信息追加到父页面，我想看到父页面中的信息，但对话框有滞后宽度，我看不到任何东西在父页面。

• 我希望我的对话框可拖动为例：http://jqueryui.com/draggable/ （我想隐藏对话框作为例子的一部分）

更新信息：

链接1：http://jqueryui.com/draggable/

链路2： http://jqueryui.com/dialog/

（在对话框link2中的对话框）

你可以看到：在链路1

• 例如：您可以移动和隐藏元素的一部分（参见附：IMG1）

• 实例链接2：您可以移动对话框，但它可以“T隐藏父元素的后面（参见附：IMG1）

我想在链接对话框2可根据链接1移动。

附： IMG1：

IMG2：

是有我的解决方案吗？ （我想学习E，如果你不明白，请告诉我。:(）

感谢

Answer 1

我想你应该包括与这一问题得到更好的帮助，因为我不代码“T真正理解这个问题......？

对于第一个问题，你应该设置宽度和高度的对话元素

#draggable { width: 150px; height: 150px; padding: 0.5em; } 

这样的，你应该有一种像例如你想箱..

您链接1个和链接2实际上是相同的链接..

我认为你正在寻找溢出：隐藏

，这将是这个样子在你的CSS：

body{ 
    overflow:hidden; 
} 

这将隐藏任何东西在你的窗口而不是扩大你的窗口。

检查here

希望这是你在找什么。