无法在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"的选项,然后尝试将其拖到第二列......您将无法执行此操作.

这似乎是长列表的常见问题.

有人有解决方案吗？

Answer 1

拖动工作正常，问题是第二个 div 的高度#sortable2。

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

如果您单击并按住“HTML”，然后滚动回顶部，则可以将该框放入第二个 div 中。这是因为第二个 div 有；

min-height: 60px;

如果您希望能够将其拖动到右侧的任意位置，则需要确保它#sortable2确实存在，即#sortable2应该与 具有相同的高度#sortable1。