easyui页面过长,模态不全屏, 且模态弹框不居窗口中间

很久没写博客了, 这几天写代码又碰到了几个问题解决了, 在这里记一下, 希望能帮助到各位.

问题1.

       easyui的弹框, window或者是dialog, 只能显示一屏, 如页面过长延时加载, 加载完之后超出一屏,  弹窗时, 一屏之下的内容是不能被模态层包住的.  可能讲的有点绕, 碰到这种问题的, 也许能懂我所说的.

问题2.

      easyui的弹框, 如果你页面过长, 当下拉滚动到底部, 再弹窗, 弹窗将不会在当前窗口的中间显示.

问题1和问题2导致前提:(页面的高度是因延时加载其它组件, 如datagrid, 导致页面高度拉伸)

问题1原因:(页面渲染完成时, 窗口的大小就是模态层的大小, 而延时加载, 撑大了窗口大小, 但模态层并没有去重新加载自己)

问题2原因:(我没有找到太好的解决办法, 所以我想应该是easyui自己本身就不支持) ---有其它解决办法的, 也可以私信我.

问题1解决办法:

           在窗口打开时, 使模态重新渲染模态层.    
          

$('#id').dialog({closed:false,modal:true});

问题2解决办法:

          我的办法能解决这个问题, 但总觉得API应该提供这个, 而不是让用户自己来做. 可能我对html和easyui都不太了解导致的.以下是我自己结合API的一个做法:

$('#id').dialog('move',{top:$(document).scrollTop() + 100});