javascript跨浏览器获取滚动条的坐标位置

javascript如何获取浏览器滚动条的位置呢?

// Cross browser gets the position of scroll
com.whuang.hsj.getScroll=function(){
    return {
        top:document.documentElement.scrollTop || document.body.scrollTop,
        left:document.documentElement.scrollLeft || document.body.scrollLeft,
        height:document.documentElement.scrollHeight ||document.body.scrollHeight
    }

}

如下图:

应用:

弹框时需要获取竖直滚动条的位置,使弹出框的高度正好在可视位置,例如:

项目中使用的代码:

 var ajaxDetail=function(id_product){
		 	// $("#subPagePanel").css("background-image", "url(\"<%=path%>/static/images/loading/progress.gif\")");
		 	showLoadPanel("<%=path%>/static/images/loading/progress.gif");
		 	$('#subPagePanel').css("top", com.whuang.hsj.getScroll().top+"px");//弹出panel兼容滚动条
		 	$('#subPagePanel').show('normal');
		 	ajaxHtml("<%=path%>/${label }/detail?id="+id_product+"&fsdf=${currentTime}&targetView=product/detail_ajax",$('#content'));
		 	
		 }

代码common_util.js见附件