Javascript 如何对齐窗口的弹出窗口中心
朋友们好,我只是想在博客上添加一个类似facebook的弹出框,所以我有一个问题。我想弹出显示的位置绝对网页的中心..下面是我正在使用的代码。。提前谢谢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);
您可以创建如下简单的调整大小功能:
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;