如何根據屏幕大小限制可拖動的邊界限制？

我有與相同的寬度作爲背景圖像的容器的背景圖像。我已經設置可拖動的功能爲container..i希望限制與20像素的拖動功能在所有的邊..如何根據屏幕大小限制可拖動的邊界限制？

腳本

$('#dragThis').draggable(
    { 
     drag: function(event, ui) { 
      var offset = $(this).offset(); 
      var xPos = offset.left; 
      var yPos = offset.top; 
      $('#posX').text('x: ' + xPos); 
      $('#posY').text('y: ' + yPos); 

    } 
});

Initial state when background and container are each other State when background image is shifted/dragged i want to limit the drag same distance in all the sides limit after this