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
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
浙公网安备 33010602011771号