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.
  2. $(".openApp").draggable({axis:"y",
  3.                         drag: function(e, ui) {
  4.                             console.log(ui.position.top+" dd")
  5.                             if (ui.position.top > 0) {
  6.                                 ui.position.top = 0
  7.                             }
  8.                         },
  9.                         scroll:true,
  10.                         stop:function(e,ui) {
  11.                             y2 = ui.position.top;
  12.                             //$(this).css("opacity",y2)
  13.                             if(y2< -($("body").height()/2)){
  14.                                 $(".application-frame[data-openNumber='"+$(this).attr("data-openNumber")+"']").remove();
  15.                                 this.style.height = $(this).height()+ 'px';
  16.                                 $(this).addClass('hide-me');
  17.                                 (function(_this) {
  18.                                     setTimeout(function() {
  19.                                         _this.remove();
  20.                                         if($(".openApp").length == 0) {
  21.                                             $("#openAppsPane").fadeOut();
  22.                                         }
  23.                                     }, 500);
  24.                                 })(this);
  25.                             }
  26.                         }
  27.                     });