jquery固定對話框的位置，一旦調整大小就會破壞

Question

我有固定在屏幕上的位置的對話框。 其一切工作很好，但一旦我調整它（我需要它調整大小） 固定位置是休息，當我滾動瀏覽器滾動它隨它移動。 這裏是代碼：

var layerNode= document.createElement('div'); 
    layerNode.setAttribute('id','dialog'); 
    layerNode.setAttribute('title','Basic dialog'); 
var pNode= document.createElement('p'); 

    console.log("msg var: "+massage); 
    pNode.innerHTML = massage; 

layerNode.appendChild(pNode); 
document.body.appendChild(layerNode); 

jQuery("#dialog").dialog({ 
    autoOpen: true, 
    draggable: true, 
    resizable: true, 
    height: 'auto', 
    width: 500, 
    modal: false, 
    open: function(event, ui) { 
     $(event.target).parent().css('position', 'fixed'); 
     $(event.target).parent().css('top', '5px'); 
     $(event.target).parent().css('left', '10px'); 
    } 

}); 


jq162 = jQuery.noConflict(true); 
    (function($) { 
    $(document).ready(function() { 
     $("#dialog").dialog(); 
    }); 
    })(jq162); 

Answer 1

代替position: fixed使用position: absolute，對話框將不再滾動與頁面（大部分網站在我的經驗，這樣做與對話）。

大多無關，但是你可以重寫此：

$(event.target).parent().css({'position': 'absolute', 'top': '5px', 'left', '10px'});