A-A+

javascript 弹出层高度不限垂直居中 兼容ie ff chrome

2016年01月14日 web前端设计 暂无评论 阅读 5 views 次

一个兼容ie ff chrome 的javascript 弹出层高度不限垂直居中 实现代码,有需要了解的同学可参考一下.

今天调整一下弹出层,遇到个小问题:获取scrollTop的值?

网上看了一些获取网页被卷去的高的方法,document.body.scrollTop在ie ff中都是0,奇怪的是在chrome中可以.

我猜ff以经向ie靠拢了,我用的是ff 13.0.1,可以能是以前版本的用的,在此略过……代码如下:

s += " 网页被卷去的高(ff):"+ document.body.scrollTop;

s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;

代码片段如下:

  1. var h = document.documentElement.clientHeight;//js获取窗口高度  
  2. var t = document.body.scrollTop||document.documentElement.scrollTop;//js获取网页被卷去的高  
  3. var h2 = $('#'+ID).height();//jq获取弹出层的高度  
  4. $('#'+ID).css('top',(h-h2)/2+t);//jq给css加top值  
标签:

给我留言