A-A+

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

2016年01月14日前端设计暂无评论阅读 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;

代码片段如下:

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

夏日博客