Jquery-uiドラッグ可能なスクロール垂直のみ

Question

私は画面の右下に固定されたドロップ可能なdivを持っています。私はゴミ箱（固定ドロップ可能）にドラッグすることができるdraggablesのリストがありますが、私はゴミ箱の近くにドラッグするときに水平スクロールバーを表示したくありません。私はdraggablesが水平にスクロールできるようにしたくありません。ページの下にある他のドロップ可能なものがドロップされているので、それらを取得するために垂直方向にスクロールする必要があります。

ここには、問題のjsfiddleがあります。あなたはドラッグ可能な要素にcontainmentオプション（doc）を使用することができます

おかげ

Answer 1

。この方法であなたはBODY要素に彼らの動きを制約することができます。

$('.draggable').draggable({ 
    ... 
    containment: 'body', 
    ... 
}); 

DEMO

Answer 2

をためにのみ許可する垂直ドラッグに、あなたはドラッグ可能なこの方法の「軸」プロパティを設定する必要があります。

$("selector").draggable({ 
    axis: "y" 
}); 

そして、あなたはすでに初期化ドラッグ可能なオブジェクトを持っている場合、あなたはこのようにそれを設定する必要があります。

$("selector").draggable("option", "axis", "y");