jQueryドラッグ可能な包含表示ウィンドウ？

Question

ドラッグ可能な要素を含むようにして、表示可能なウィンドウの外にドラッグできないようにしています。ユーザーがページの上部にある場合はうまく動作しますが、まったくスクロールしてしまうとうまくいきません。

どうすればいいですか？ただ、containment: 'window'と可能scroll: false

例を使用

$(".chat-wrapper > li.draggable").draggable({ 
greedy: true, 
handle: '.chat-button', 
containment: 'html' 
}); 

Answer 1

$(".chat-wrapper > li.draggable") 
.on('mousemove',function(){ // Update containment each time it's dragged 
    $(this).draggable({ 
     greedy: true, 
     handle: '.chat-button', 

     containment: // Set containment to current viewport 
     [$(document).scrollLeft(), 
     $(document).scrollTop(), 
     $(document).scrollLeft()+$(window).width()-$(this).outerWidth(), 
     $(document).scrollTop()+$(window).height()-$(this).outerHeight()] 
    }); 
}) 
.draggable({ scroll: false }); 

Answer 2

：

$('#selector').draggable({ 
    containment: 'window', 
    scroll: false 
}); 

さらに詳しい情報：

containment、 scroll

Answer 3

私の状況にちょうど1つのバグ：私は負の上と左のマージン（asboluteの位置で真ん中に配置する）でdraggable DIVを持っています。 したがって、包含はXとYの正の値に対して機能しますが、DIVは負の座標にもなります。回避策はありますか？ ）;

Answer 4

は、私はまったく同じことを達成しようとしましたが、それは