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

jquery固定对话框的位置，一旦调整大小就会被破坏

1 个答案: