2016-03-30 12 views
1

jquery ui draggablesortableを一緒に使用しようとしています。ドラッグ可能なアイテムから新しいアイテムをソート可能にドロップし、ソート可能なアイテムを並べ替えることができます。 ソート可能な項目を含むdivにはフィックスの高さがあり、項目が多すぎる場合はスクロールされるように設定されています。私の問題は、私が新しいアイテムをソート可能にドラッグしているとき、ソート可能なアイテムの中にアイテムを移動しているときのように、スクロールが利用できないということです。ドラッグするとマウスホイールのスクロールも無効になります。JQuery UIをスクロールせずにソート可能にする

マイFiddle

私は、またはマウスホイールでのdivの下に新しい項目を移動することで、そこに新しい何かをドラッグしていたときにdivの中にスクロールを有効にする方法はありますか?

ありがとうございました。

+0

オーバーフローするように設定する:自動および位置:相対、リストをマウスホイールでスクロール可能にします。 – David

+0

リストをドラッグしようとしても、リストはスクロールできません。 – user3906428

+0

div要素の周りにラッパーを配置する必要がありました。あなたのためのフィドルを作った。 http://jsfiddle.net/qAS93/11/ – David

答えて

1

あなたはドラッグがを超えて移動したときにメソッド

ドクhttp://jqueryui.com/draggable/#scroll

が自動的に文書をスクロールして下さい

scroll: true

を使用することができますビューポート。スクロールオプションをtrueに設定すると、自動スクロールが有効になります( )。 scrollSensitivityオプションとscrollSpeedオプションを使用して、スクロールが開始されたときの微調整とそのスピード。

+0

文書はスクロールの有無にかかわらずスクロール可能になります:true、しかしdivはいずれの方法でもありません。 – user3906428