jquery ui draggable deaccelerate on stop

Question

jquery ui draggableを使用してdivをドラッグします。ドラッグが止まった後、ドラッグをスムーズに緩和する最善の方法は何ですか？ ドラッグが突然停止したと仮定します。

は

Answer 1

があなたのために働くかもしれない緩和でdraggablesの実装をお願い致します。これが私の答えから、より特異的であった前のスレッドに単純化されたソリューションです：

JQuery draggable with ease

HTML：

<div id="draggable"> 
</div> 

CSS：

#draggable { 
    position: relative; 
    width: 100px; 
    height: 100px; 
    background-color: whitesmoke; 
    border: 2px solid silver; 
} 

Javascriptを：

$(function() { 
    $("#draggable").draggable({ 
     helper: function(){ 
      // Create an invisible div as the helper. It will move and 
      // follow the cursor as usual. 
      return $('<div></div>').css('opacity',0); 
     }, 
     drag: function(event, ui){ 
      // During dragging, animate the original object to 
      // follow the invisible helper with custom easing. 
      var p = ui.helper.position(); 
      $(this).stop().animate({ 
       top: p.top, 
       left: p.left 
      },1000,'easeOutCirc'); 
     } 
    }); 
}); 

jsFiddleデモ：http://jsfiddle.net/NJwER/26/