jquery实现弹出层完美居中效果
程序员文章站
2022-06-11 12:51:27
p>jquery实现弹出层完美居中效果
. 代码如下:
showdiv($("#pop"));
function showdiv(obj){...
p>jquery实现弹出层完美居中效果
. 代码如下:
showdiv($("#pop"));
function showdiv(obj){
$(obj).show();
center(obj);
$(window).scroll(function(){
center(obj);
});
$(window).resize(function(){
center(obj);
});
}
function center(obj){
var windowwidth = document.documentelement.clientwidth;
var windowheight = document.documentelement.clientheight;
var popupheight = $(obj).height();
var popupwidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowheight-popupheight)/2+$(document).scrolltop(),
"left": (windowwidth-popupwidth)/2
});
}
上一篇: 宗秦客人物生平简介,最后是怎么死的?
下一篇: 优化网站不可掉以轻心的五个忠告与分析