Allow parent scrolling when using jquery ui .draggable()

Allow parent scrolling when using jquery ui .draggable()

Hi there! I have an annoying problem. I'm using jquery draggable on a set of divs and i'm restricting movement to the y-axis. My problem is that my parent div (using overflow-x:auto) cannot side scroll anymore. Do you have any ideas? Thanks.
  1. $(".openApp").draggable({axis:"y",
  2.                         drag: function(e, ui) {
  3.                             console.log(ui.position.top+" dd")
  4.                             if (ui.position.top > 0) {
  5.                                 ui.position.top = 0
  6.                             }
  7.                         },
  8.                         scroll:true,
  9.                         stop:function(e,ui) {
  10.                             y2 = ui.position.top;
  11.                             //$(this).css("opacity",y2)
  12.                             if(y2< -($("body").height()/2)){
  13.                                 $(".application-frame[data-openNumber='"+$(this).attr("data-openNumber")+"']").remove();
  14.                                 this.style.height = $(this).height()+ 'px';
  15.                                 $(this).addClass('hide-me');
  16.                                 (function(_this) {
  17.                                     setTimeout(function() {
  18.                                         _this.remove();
  19.                                         if($(".openApp").length == 0) {
  20.                                             $("#openAppsPane").fadeOut();
  21.                                         }
  22.                                     }, 500);
  23.                                 })(this);
  24.                             }
  25.                         }
  26.                     });