无法在 iframe 中拖动元素

Question

我有一个页面，其中包含一个iframe元素，用于显示另一个页面，该页面有两列。您可以将第一列中的一个元素拖动到第二列中。我的iframe代码很简单：

 <div style="width: 1000px; ">
  <iframe id="isurvey" frameborder="0" style="width: 102%; height:1000px" src="https://www.thriveonsoftware.com/test.php" onload="window.parent.parent.scrollTo(0,0)">
</div>
 </div>

如果您向下滚动到第一列的底部（超出了视口范围），则无法将元素从第一列拖到第二列。最容易看到这一点的方法是转到此处：http://codepen.io/amweiss98/pen/OXBqGy，只需向下滚动到名为“公共关系”或“HTML”的选项，然后尝试将其拖到第二栏...您将无法做到这一点。这似乎是长列表的常见问题。是否有人有解决方案？

- Allen

---

您IP地址为143.198.54.68，由于运营成本限制，当前对于免费用户的使用频率限制为每个IP每72小时10次对话，如需解除限制，请点击左下角设置图标按钮（手机用户先点击左上角菜单按钮）。 - silgon

Answer 1

拖动操作正常，问题在于第二个

元素的高度#sortable2。

http://codepen.io/amweiss98/pen/OXBqGy

如果您单击并按住“HTML”，然后向上滚动到顶部，您可以将框放入第二个

元素中。这是因为第二个

元素具有;

min-height: 60px;

如果您想要任意拖动到右侧，您需要确保#sortable2实际存在，即#sortable2应该与#sortable1具有相同的高度。

- JayIsTooCommon