jquery - ドラッグ中にドロップ可能な div を自動的にスクロールする

Question

このフィドルで：http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/76/

背景色がピンク色でないボタンはドラッグ＆ドロップできます。

問題は、ドラッグ可能な div をリストの最後に追加しようとしたときに、div im のドラッグ先の div 間をドラッグしても自​​動的に下にスクロールされない場合です。

ドラッグしているdiv(水平/垂直)を自動的にスクロールするにはどうすればよいですか?

Answer 1

実際のデモ http://jsfiddle.net/X3rKJ/ または http://jsfiddle.net/X3rKJ/1/

スクロール イベントを追加onし、それを 2 番目の div にドラッグするたびに、イベントとスクロールを識別します。

これは役に立ちます。：） 乾杯

onイベントはこのオブジェクトにバインドされることに注意してください。つまり、リストが不均等な高さになったときにユーザーがドラッグした場所からのdivですスクロール参照としてのより大きなコンテナですが、コメントをお待ちしています。:) 候補としての -1 の解決策としてはそれほど悪くはありませんが、すべて良いです。とにかく、:(

このソリューションは正常に機能しています。div jsut の高さが等しくない場合に対処するには、2 つの div の高さが等しくない場合は大きい方を へのベース参照として使用するというステートメントを追加する必要がありscrollます。

コード

var sortlists = $(".connected").sortable({
     connectWith : ".connected",
     items       : ".myDivs:not(.excludeThisCss)",
     tolerance   : 'pointer',
     revert      : 'invalid',
     forceHelperSize: true

}).on('scroll', function() {
     sortlists.scrollTop($(this).scrollTop());
}).disableSelection();;


​