兼容各浏览器获取scrollTop的方法（body和documentElement）

最近用Bootstrap的modal弹层做提示，发现在PC端和移动端使用时，弹出的位置距离顶部的距离有差别，有时候分被完全遮挡。经过测试，不同浏览器端获取到scrollTop的值是不同的。

今天分享一个自己的小技巧，采用document.body.scrollTop和document.documentElement.scrollTop分别来获取，他们两个只能同时获取到一个，其中一个肯定为0，那就将两者的结果相加，就可以兼容获取高度了。

//兼容浏览器scrollTop和方法
var sTop_1=parseInt(document.body.scrollTop);
var sTop_2=parseInt(document.documentElement.scrollTop);
var vvtop=parseInt(sTop_1+sTop_2+100);
document.getElementById("alert_go_div").style.top=vvtop+"px";

上面我额外加了100px，是为了我自己定位距浏览器顶部的距离，可以根据自己的情况是否需要增加或删除掉。

以上就是兼容各浏览器获取scrollTop的方法（body和documentElement）的详细内容，更多关于兼容各浏览器获取scrollTop的方法（body和documentElement）的资料请关注九品源码其它相关文章！