0

ページ全体で要素をドラッグ可能にする方法。これで、親 div 内で要素をドラッグすることしかできなくなりました。

 $(thumb).draggable()

私はこのライブラリを使用しています: http://touchpunch.furf.com/

 var thumb = document.createElement("img");
            $(thumb).draggable({containment: "html"});
            thinner.appendChild(thumb);
4

4 に答える 4

2

これはうまくいくはずです:

$(thumb).draggable({containment: "body"});

封じ込めオプションに関する公式デモ

于 2013-02-22T14:12:02.573 に答える
1

格納に加えて、appendTo オプションを使用して、ドラッグ中にヘルパーをボディに追加する必要がある場合があります。

$(thumb).draggable({containment: "body", appendTo: "body"});

http://api.jqueryui.com/draggable/#option-appendTo

于 2013-10-22T22:47:23.857 に答える
1

を使用する場合$(thumb).draggable({containment: "body"});は、これを CSS に追加する必要があります。

body{
   overflow: hidden;
}

それ以外の場合は次を使用します。

$(thumb).draggable({containment: "html"});

デモ (CSS なし): http://jsbin.com/ukotit/7/edit

デモ (CSS あり): http://jsbin.com/ukotit/5/edit

于 2013-02-22T16:15:09.353 に答える
0

試す.draggable({containment: "body", scroll: false})

于 2019-06-05T14:51:24.833 に答える