Jquery 弹出脚本将弹出模块定位得过高
我使用此代码方法处理此页面上的弹出表单点击查询链接激活弹出模块。我的问题是,脚本将弹出框放置在页面顶部,它将style=“top:204.5px;”添加到主div中,这将使其脱离屏幕。理想情况下,我希望它弹出在相同的位置作为项目激活它。我一点也不确定如何改变以下内容来影响这一点,非常感谢您的帮助 (我临时添加了一个顶部边距为600px的类,它将模块向下推到需要的位置,但这不是一个理想的修复方案。)Jquery 弹出脚本将弹出模块定位得过高,jquery,popup,Jquery,Popup,我使用此代码方法处理此页面上的弹出表单点击查询链接激活弹出模块。我的问题是,脚本将弹出框放置在页面顶部,它将style=“top:204.5px;”添加到主div中,这将使其脱离屏幕。理想情况下,我希望它弹出在相同的位置作为项目激活它。我一点也不确定如何改变以下内容来影响这一点,非常感谢您的帮助 (我临时添加了一个顶部边距为600px的类,它将模块向下推到需要的位置,但这不是一个理想的修复方案。) $(函数(){ var appendthis=(“”); $('a[数据模式id')。单击(函数
$(函数(){
var appendthis=(“”);
$('a[数据模式id')。单击(函数(e){
e、 预防默认值();
$(“正文”)。追加(本附录);
美元(“.modal overlay”).fadeTo(500,0.7);
//$(“.js modalbox”).fadeIn(500);
var modalBox=$(this.attr('data-modal-id');
$('#'+modalBox).fadeIn($(this.data());
});
$(“.js模态关闭,.modal覆盖”)。单击(函数(){
$(“.modal box,.modal overlay”).fadeOut(500,function(){
$(“.modal overlay”).remove();
});
});
$(窗口)。调整大小(函数(){
$(“.modal box”).css({
顶部:($(窗口).height()-$(.model框”).outerHeight())/2,
左:($(窗口).width()-$(“.modal box”).outerWidth())/2
});
});
$(窗口).resize();
});
我检查了你的密码。并建议以下CSS应用。
即,使模态弹出位置:固定代码>。它将帮助您在同一位置弹出
.modal-box {
display: block;
top: 0;
left: 0;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
margin: auto;
}
同时从js中删除窗口大小调整功能
/* $(window).resize(function() {
$(".modal-box").css({
top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
left: ($(window).width() - $(".modal-box").outerWidth()) / 2
});
});*/
嘿,谢谢你!这帮了大忙。我真的很感激。
/* $(window).resize(function() {
$(".modal-box").css({
top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
left: ($(window).width() - $(".modal-box").outerWidth()) / 2
});
});*/