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'});