在iframe中使用时可拖动的JQuery UI滚动问题

Question

Jsfiddle在这里：http://fiddle.jshell.net/Msd7v/29/

这是我的Javascript：

$('#app').contents().find('.dragOption').draggable({
   iframeFix:true,
   scroll: true
});

然后在iFrame中

#html
<div id='box'>
  <div class='dragOption'></div>
</div>

#css
#box {
  background: red;
  height: 600px;
  width: 100%;
  left:10;
  z-index: 10000;
  position: relative;
  top: 10;
}

.dragOption {
  height: 80px;
  width: 200px;
  position: absolute;
  z-index: 100001;
  outline: 1px solid #000;
  top: 400px;
}

当您在向下滚动时尝试移动可拖动的div时，可拖动的库不会考虑窗口高度。有没有办法抵消这个？或者是图书馆的猴子补丁，这样你就可以强制它识别正确的滚动距离，而不是让可拖动的div跳到折叠上方iframe的顶部？