如何让某个div显示的时候,出现在页面的正中间,不管是页面最大化还是常规化,始终都显示在可视页面的中间位置。
一、函数功能代码
function setDivCenter(divName)
{
var top = ($(window).height() - $(divName).height())/2;
var left = ($(window).width() - $(divName).width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
$(divName).css( { "z-index":99,"position":"absolute","top": top + scrollTop,"left": left + scrollLeft } ).show();
}
二、调用的方法
setDivCenter("#div1");
注意哦,div1是div的ID号。
三、页面所需控件
页面只需要一个测试用的div就足够了。
<div id="div1" style="display:none">注意看变化哦</div>