JS - 页面参数 getPageParam、getViewParam、getCenterPx

getPageParam获取整个页面的宽度及高度
function getPageParam(){
        var pageWidth = document.documentElement.clientWidth;
        var pageHeight = document.documentElement.scrollHeight > document.documentElement.clientHeight ? document.documentElement.scrollHeight : document.documentElement.clientHeight;( 判断页面显示内容大于一个整屏 )
        return { 'width': pageWidth, 'height': pageHeight };
}
getViewParam获取页面可视区域的宽度及高度
function getViewParam(){
       return { 'width': document.documentElement.clientWidth, 'height': document.documentElement.clientHeight };
}
getCenterPx获取页面居中位置的坐标
function getCenterPx( elem ){
        var vp = this.getViewParam();
        var width = ( vp.width - elem._width )/2;
        var height = (vp.height - elem._height)/2 + Math.max(document.documentElement.scrollTop,document.body.scrollTop);
        return { 'width': width , 'height': height };
}
Math.max(document.documentElement.scrollTop,document.body.scrollTop) 浏览器差异 Chrome
posted on 2009-06-15 15:46  L.Rain  阅读(813)  评论(0)    收藏  举报