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

Question

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

我的问题是：

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

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

• 当我在对话框中选择一个项目时，项目的信息附加到父页面，我想在父页面中看到信息，但是对话框有滞后宽度，我在父页面中看不到任何内容。

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

更新信息：

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

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

（link2中的对话框作为我的对话框）

你可以看到：

• link1中的示例：您可以移动和隐藏元素的一部分（参见attach：img1）

• link2中的示例：您可以移动对话框，但无法隐藏在父元素后面（请参阅attach：img1）

我希望链接2中的对话框可以作为link1移动。

附加： IMG1：

IMG2：

我有什么解决方案吗？ （我正在努力学习E，如果你不明白，请告诉我。:(）

由于

Answer 1

我认为你应该在代码中加入问题以获得更好的帮助，因为我实际上并没有理解这个问题......？

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

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

像这样，你应该有类似你想要的例子......

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

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

在你的css中看起来像这样：

body{
  overflow:hidden;
}

这将隐藏任何超出窗口的内容而不会展开窗口。

检查here

希望这就是你要找的东西。