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

2019-12-24,,,

复制代码 代码如下:
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";

您可能感兴趣的文章:

  • js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
  • javascript窗口宽高,鼠标位置,滚动高度(详细解析)
  • js 获取浏览器高度和宽度值(多浏览器)
  • js获取div高度的代码
  • js和jquery如何获取图片真实的宽度和高度
  • js获取网页高度(详细整理)
  • JS和jquery获取各种屏幕的宽度和高度的代码
  • 获取JS中网页各种高宽与位置的方法总结

《javascript 获取页面的高度及滚动条的位置的代码.doc》

下载本文的Word格式文档,以方便收藏与打印。