javascript获取页面的高度及滚动条的位置

var Viewport={
        top : function(){
            return window.pageYOffset
            || document.documentElement && document.documentElement.scrollTop
            || document.body.scrollTop;
        },
        height : function(){
            return window.innerHeight
            || document.documentElement && document.documentElement.clientHeight
            || document.body.clientHeight;
        },
          left : function(){
            return window.pageXOffset
            || document.documentElement && document.documentElement.scrollLeft
            || document.body.scrollLeft;
        },
        width : function(){
            return window.innerWidth
            || document.documentElement && document.documentElement.clientWidth
            || document.body.clientWidth;
        },
        right : function(){
            return Viewport.left() + Viewport.width();
        },
        bottom : function(){
            return Viewport.top() + Viewport.height();
        }
};
 
 
居中：
style.position="absolute";
style.left=50%;
style.top=Viewport.Top()+Viewport.Height()/2+"px";