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

只需向下滚动到名为＆＃34; Public Relations＆＃34;或＆＃34; HTML＆＃34;然后尝试将其拖到第二列......你不可能。

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

有人有解决方案吗？

Answer 1

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

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

如果您点击+按住＆＃39; HTML＆＃39;，然后滚动回到顶部，您可以将该框放入第二个div中。这是因为第二个div有;

min-height: 60px;

如果您希望能够向右拖动，则需要确保#sortable2实际存在，即#sortable2应与#sortable1的高度相同。