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";