jQuery("#id").dialog()的位置调整

最新推荐文章于 2023-09-21 04:46:37 发布

lhrcylhr

最新推荐文章于 2023-09-21 04:46:37 发布

阅读量1.6k

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/lhrcylhr/article/details/74853719

版权

web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用jQuery的dialog方法，通过设置`inline : false`实现完全遮罩，并利用`document.documentElement.offsetHeight`等属性计算页面高度和滚动条位置，确保弹出窗口在页面中始终保持居中。主要涉及的参数包括`height`、`top`、`resizable`等，以及在窗口关闭时的相关处理。

摘要由CSDN通过智能技术生成

inline : false //完全遮罩
document.documentElement.offsetHeight//所在页面的高度
height //弹出窗口的高度
document.documentElement.scrollTop //滚动条所在的高度
top : ((document.documentElement.offsetHeight-height)/2)+document.documentElement.scrollTop //依据滚动条所在位置，弹出窗口始终居中弹出
jQuery("#" + id).dialog({
closed : true,
title : title,
resizable : true,
width : width,
height : height,
modal : modal,
maximizable : true,
resizable : true,
minimizable : false,
maximized : isMaximized,
collapsible : true,
inline : false,
shadow : false,
top : ((document.documentElement.offsetHeight-height)/2)+document.documentElement.scrollTop,
onClose : function() {
try {
} catch (e) {
}
if (_destroy) {
var iframe = jQuery("#" + iframeId);
if (iframe) {
try {
iframe.attr("src", "about:blank");
iframe.contentWindow.document.write("");
iframe.contentWindow.document.clear()
} catch (e) {
}
}
jQuery("#" + id).dialog("destroy")
}
}
})