欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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  
 }); 
}