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

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

这是我的Javascript：

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

然后在iFrame中

 #html 
 
 
 #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的顶部？