Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何对齐窗口的弹出窗口中心_Javascript_Jquery_Css_Popupwindow - Fatal编程技术网

Javascript 如何对齐窗口的弹出窗口中心

Javascript 如何对齐窗口的弹出窗口中心,javascript,jquery,css,popupwindow,Javascript,Jquery,Css,Popupwindow,朋友们好,我只是想在博客上添加一个类似facebook的弹出框,所以我有一个问题。我想弹出显示的位置绝对网页的中心..下面是我正在使用的代码。。提前谢谢 您可以创建如下简单的调整大小功能: function resize(popup) { var y = $(window).scrollTop(); var winH = $(window).height(); var winW = $(window).width(); popup.css('top', y + 20);

朋友们好,我只是想在博客上添加一个类似facebook的弹出框,所以我有一个问题。我想弹出显示的位置绝对网页的中心..下面是我正在使用的代码。。提前谢谢


您可以创建如下简单的调整大小功能:

function resize(popup) {
  var y = $(window).scrollTop();
  var winH = $(window).height();
  var winW = $(window).width();
  popup.css('top', y + 20);
  popup.css('left', winW/2-popup.width()/2);
}
当调整浏览器窗口的大小时,还应调用上述函数:

$(document).ready(function() {
  $(window).resize(function() {
    resize($('#popupexe'));
  });
});

只需删除此css样式即可:


一个有效的JSFIDLE示例:

使用左边的绝对样式:元素的50%,并将其设置在中间。


左边距:-[元素大小的一半]

您好,先生,谢谢您宝贵的回答。。请再告诉我一件事,怎样才能禁用移动视图上的弹出窗口。。使用jquery或其他任何工具..您可以检查设备是否是移动的,并且不显示弹出窗口;设备检查答案:例如:$.browser.device=/android | webos | iphone | ipad | ipod | blackberry | iemobile | opera mini/i.testnavigator.userAgent.toLowerCase;
$(document).ready(function() {
  $(window).resize(function() {
    resize($('#popupexe'));
  });
});
bottom: 0;
right: 0;