Example url : https://jsfiddle.net/ariysjitu/0uyfLav3/9/

Draggable smooth is not working reason for add to transform: scan(0.28,0.28) css in jquery.ui.js Add to css transform: scale(0.28,0.28) in parent div

<div class="dhold">
    <div id="draggables" class="ui-widget-content">
        <p>Drag me around</p>
    </div> 
</div> 

 

.dhold {
width: 1800px; 
height: 1200px; 
transform: scale(0.28, 0.28); 
transform-origin: left top;
background: #ccc;
}



#draggables {
  width: 150px; 
  height: 150px; 
  padding: 0.5em; 
  color: red;
}