9

そのため、画面の右下にドロップ可能な固定divがあります。ゴミ箱にドラッグできるドラッグ可能なもの(固定ドロップ可能)のリストがありますが、ゴミ箱の近くにドラッグしたときに水平スクロールバーが表示されないようにします。ドラッグ可能オブジェクトを水平方向にスクロールできないようにします。ページのさらに下にドロップできるドロップ可能なものが他にもあるので、それらに到達するには垂直方向にスクロールする必要があります。

これが問題のjsfiddleです。

ありがとう

4

2 に答える 2

30

垂直方向のドラッグのみを許可するには、ドラッグ可能なオブジェクトの「axis」プロパティを次のように設定する必要があります。

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

また、初期化されたドラッグ可能なオブジェクトがすでにある場合は、次のように設定する必要があります。

$( "selector" ).draggable( "option", "axis", "y" );
于 2012-03-30T00:30:28.120 に答える
12

ドラッグ可能な要素でcontainmentオプション(doc )を使用できます。このようにして、BODY要素への移動を制限できます。

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

デモ

于 2012-02-07T16:17:29.443 に答える