iframe中的jQueryUI可拖動元素 - 與滾動的iframe不良行爲

Question

我在（滾動）iframe中有可拖動的div時遇到問題。請各位看看這個小提琴：http://jsfiddle.net/CqE43/

這是使用代碼：

$('#test').contents().find('body').append('<div id="wrapper" style="width: 300px; height: 900px; background: #ff0000; display: block; margin-top:50px;"><div id="drag" style="width: 100px; height: 100px; background-color: blue;" ></div></div>'); 
$('#test').contents().find('#drag').draggable({ 
iframeFix: true, 
start: function(event, ui) { 
    console.log('start'); 
}, 
drag: function(event, ui) { 
    console.log('drag'); 
}, 
stop: function(event, ui) { 
    console.log('stop'); 
} 
}); 

奇怪的行爲是：如果iframe是不滾動一切工作像預期，但如果一個滾動的iframe位，拖動時會出現偏移量。

Answer 1

好吧，我有一個（不是一個）解決方案。

這裏是小提琴：http://jsfiddle.net/CqE43/17/

，這是源代碼：

$(function() { 
    $('#test').contents().find('body').append('<div id="wrapper" style="width: 300px; height: 900px; background: #ff0000; display: block; margin-top:50px;"><div id="drag" style="width: 100px; height: 100px; background-color: blue;" ></div></div>'); 
    var myDraggable = $('#test').contents().find('#drag').draggable({iframeFix: true}).data('ui-draggable'); 
    myDraggable._mouseDrag = function(event, noPropagation) { 
     if (this.offsetParentCssPosition === "fixed") { 
      this.offset.parent = this._getParentOffset(); 
     } 
     //Compute the helpers position 
     this.position = this._generatePosition(event); 
     this.positionAbs = this._convertPositionTo("absolute");  

     //Call plugins and callbacks and use the resulting position if something is returned 
     if (!noPropagation) { 
      var ui = this._uiHash(); 
      if(this._trigger("drag", event, ui) === false) { 
       this._mouseUp({}); 
       return false; 
      } 
      this.position = ui.position; 
     } 
     if(!this.options.axis || this.options.axis !== "y") { 
      this.helper[0].style.left = this.position.left+"px"; 
     } 
     if(!this.options.axis || this.options.axis !== "x") { 
      this.helper[0].style.top = $('#test').contents().find('body').scrollTop()+this.position.top+"px"; 
     } 
     if($.ui.ddmanager) { 
      $.ui.ddmanager.drag(this, event); 
     } 
     return false; 
    } 
}); 

是，UBT它確實工作得非常好它是不漂亮！