iframe - 无法在 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>

如果通过滚动(在视口(viewport)之外)到达第一列的底部，则无法将元素从第一列拖到第二列。去这里最容易看到:

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

只需向下滚动到名为“公共(public)关系”或“HTML”的选项，然后尝试将其拖到第二列......你将无法做到。

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

有人对此有解决方案吗？

Answer 1

拖动效果很好，问题是第二个 div 的高度 #sortable2 .

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

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

min-height: 60px;

如果您希望能够向右拖动任意位置，则需要确保 #sortable2实际上在那里，即 #sortable2应该与 #sortable1 的高度相同.