jquery实现弹出层完美居中效果

2019/6/29 22:38:52

编程Tag： jQuery 弹出层

本文主要是介绍jquery实现弹出层完美居中效果，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于jquery实现弹出层完美居中效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

jquery实现弹出层完美居中效果

相关编程文章