窗口可视区和其他一些参数

原创 2015年11月19日 22:15:58

这里写图片描述

可视区只是内容呈现的区域,不包括边框,滚动条等。
clientHeight:可视区的高度
clientWidth:可视区的宽度

scrollTop:滚动距离(即滚动条滚动过的距离,如图表示)
这里写图片描述

获取可视区高度和宽度的语句:

document.documentElement.clientWidth; //获取可视区的宽度

document.documentElement.clientHeight; //获取可视区的高度

获取滚动距离

document.documentElement.scrollTop; //IE和火狐
document.body.scrollTop; //谷歌(特点,整百整百的滚动)
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

【cocos2d-x 】解决scrollview上的menu拖动问题以及menu item在可视区外仍能触发的问题

在使用cocos2d-x的scroll view的时候,会遇到两个问题: 1)scroll view上放menu时,如果拖动menu scroll view不会被拖动,如果scroll view上全...

窗口-视区变换

窗口-视区变换 在将窗口中的图形信息送到视区去输出之前,必须进行坐标变换,即将用户坐标系的坐标值转化为设备坐标系的坐标值,即窗口-视区变换。 从窗口到视口的映射世界窗口用其左、...

图形中窗口,视区的关系

  • 2008年11月01日 21:49
  • 6.39MB
  • 下载

html5中的Viewport标签 — 视区概念

viewport视区标签可以让移动应用或页面的大小适合各种手机、各类像素。开发”地图”时候,也需用到viewport视区。 1、什么是Viewport视区?用html5开发移动应用时往往会遇到手机的分...

SVG(可缩放矢量图形)视区盒属性viewbox与preserveAspectRatio

SVG除了width和height这两个基本的宽高设置属性 还有两个更高级的属性 viewbox与preserveAspectRatio视区盒viewbox是svg标签上的属性 看下面的例子 ...

vw,vh视区完全覆盖与纯CSS弹框

vw,vh视区完全覆盖与纯CSS弹框今天本人用了css的相对视窗单位vw和vh制作了一个效果,代码如下: vw,vh视区完全覆盖与纯CSS弹框 .dia...

打开新的窗口并传送参数

  • 2013年12月20日 15:17
  • 220B
  • 下载

window.open打开新窗口 参数 .

1,基本描述 1.1 方法签名:oNewWindow = window.open( sURL , sName , sFeatures, bReplace) 通过方法签名可以看出,window.op...
  • Orehs
  • Orehs
  • 2013年02月27日 17:57
  • 605
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:窗口可视区和其他一些参数
举报原因:
原因补充:

(最多只允许输入30个字)