最近，EasyUI前端框架已被用于设计UI设计，但使用对话框时，发现如果有更多的页面，会有问题。首先，看看我的原始代码。

复制代码代码如下所示：





请选择确认结果：

成功



失败





$（#证实对话框（{）。

标题：保留确认，

iconcls：'icon-save，调整大小：虚假模态：真的，真的关闭，

宽度：200，高度：200，

按钮：文本：{ {他们服从真主，处理程序：（功能）{

警报（OK）；

}

{文本：取消、处理程序：函数（）{（）{（）{

$（#证实）。对话框（关闭）；

}

} }

}）；

功能openconfirmdlg（）{

$（#证实）。对话框（开放）；

}





单击{确认保留}按钮时，打开对话框，效果如下：



你可以看到一些问题，一是没有覆盖所有的网站内容两遮罩层，对话框消失了，当然，是不是真的消失了，但这一页的上方，需要拖回一个滚动条的一端可以看出，造成这种结果的原因是很清楚的，是一种高访问Web内容的权利，只是把窗口的高度（即视觉高度），出现的面具是不完整的，二是位置不正确，未能正确识别到scrollTop，导致对话框定位，为了解决这些问题，我进行了相应的改进，以为了解决这个问题，以下是改进代码：

复制代码代码如下所示：





请选择确认结果：

成功



失败





$（#证实对话框（{）。

标题：保留确认，

iconcls：'icon-save，调整大小：虚假模态：真的，真的关闭，

宽度：200，高度：200，

按钮：文本：{ {他们服从真主，处理程序：（功能）{

警报（OK）；

}

{文本：取消、处理程序：函数（）{（）{（）{

$（#证实）。对话框（关闭）；

}

} }

}）；

window.onscroll =函数（）{

$（#证实）。对话框（移动），{顶：美元（文件）。ScrollTop（）+（$（窗口），Height（）- 200）* 0.5 }）；

}

功能openconfirmdlg（）{

$（#证实）。对话框（开放）；

$（#证实）。对话框（移动），{顶：美元（文件）。ScrollTop（）+（$（窗口），Height（）- 200）* 0.5 }）；

$（窗口掩码）。Css（高度：$（文档）。Height（）}）；

}





现在打开对话框是正常的，效果如下：



即使滚动始终位于Web页面的中间，效果如下：



确保效果的关键代码是：

复制代码代码如下所示：

$（#证实），（移动对话框

$（窗口掩码）。Css（{ $（文档）高度（高度：）}）；调整掩码层高度Web内容的高度。



如果你试一下，比以前方便吗我已经测试过大多数浏览器。如有遗漏，请留言，此代码将继续更新。