Iframeの要素をドラッグできない

Question

2つの列を持つ別のページにiframeを持つページがあります。そこでは、要素を最初の列から2番目の列にドラッグできます。あなたは、あなたが2番目の最初の列から要素をドラッグすることはできません（ビューポートの外にある）スクロールすることにより、最初の列の一番下に行けば、私は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」までスクロールした後、第2列にそれをドラッグしてみてくださいできる。

これは長いリストの共通の問題のようです。

誰にでも解決策がありますか？

Answer 1

ドラッグがうまくいけば、問題は2番目のdiv #sortable2の高さです。

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

あなたは+をクリックし「HTML」に保持し、その後、先頭に戻ってスクロールする場合は、2番目のdivの罰金にボックスをドロップすることができます。これは2番目のdivにあるためです。

min-height: 60px; 

あなたが任意の場所を右にドラッグすることができるようにしたい場合は、#sortable2が実際すなわち#sortable2が#sortable1と同じ高さがあるべきであることを確認する必要があります。