オーバフローオートでドラッグアンドドロップが動作しない

Question

こんにちは友人私のページにドラッグアンドドロップ機能を作ろうとしていますが、何か問題があります。 UはあなたがCSS

#leftColumn{ 
     width:300px; 
     float:left;  
    } 

とその作業完璧をindex2.html開いたときに私はindex.htmlを

#leftColumn{ 
     width:300px; 
     float:left; 
     height:100px; 
     overflow:auto; 

    } 

にID leftColumn上の停止作業をいくつかのCSSを追加するときに問題があるhere私のファイルをダウンロードすることができます完全にあなたがファイルで、インデックスでは、htmlの左側のドラッグ可能なボックスは、マウスで動かないことがわかりますように助けてください。

でJS /ドラッグ＆ドロップcustom.js
：あなたは


EDITをつかんされている子供の親から ".scrollTop" を引く必要があり

おかげ

Answer 1

行533変更済み
this.dragObjCloneArray [this.numericIdToBeDragged] .style.top = dhtmlSuiteCommonObj.getTopPos（this.dragDropSourcesArray [this.numericIdToBeDragged] [0]）+ 'px';
-to-
this.dragObjCloneArray [this.numericIdToBeDragged] .style.top = dhtmlSuiteCommonObj.getTopPos（this.dragDropSourcesArray [this.numericIdToBeDragged] [0]）- this.dragObjCloneArray [this.numericIdToBeDragged] .parentNode .scrollTop + 'px';

行597 Iは
dragObj.style.top = topPos + 'PX' を変更し、 ; dragObj.parentNode.scrollTop + 'PX' - dragObj.style.top = topPos
-to-

行670 Iは
VARをtargetY = dhtmlSuiteCommonObj.getTopPos（referenceToDragDropObject.dragDropSourcesArray [numId] [0]）に変更。
-to-
するvar targetY = dhtmlSuiteCommonObj.getTopPos（referenceToDragDropObject.dragDropSourcesArray [numId] [0]）- this.dragObjCloneArray [numId] .parentNode.scrollTop。

今ではあなたの例では正常に動作しているが、あなたは今まであなたがscrollLeftのために同じことを行う必要があるでしょう水平にスクロール可能な持ってしようとしている場合、これは、のみ垂直な問題ためです。それに助けが必要な場合は、これがあなたにとってあまりにも進んでいることを申し訳なく思っています。