js中关于scrolltop.offsettop等距离用法的介绍
来源:互联网 发布:用友网络 东方财富 编辑:程序博客网 时间:2024/05/23 00:02
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
offsetTop
, offsetLeft
:只读属性。要确定的这两个属性的值,首先得确定元素的offsetParent
。offsetParent
指的是距该元素最近的position
不为static
的祖先元素,如果没有则指向body元素。确定了offsetParent
,offsetLeft
指的是元素左侧偏移offsetParent
的距离,同理offsetTop
指的是上侧偏移的距离。
offsetHeight
, offsetWidth
:只读属性。这两个属性返回的是元素的高度或宽度,包括元素的边框、内边距和滚动条。返回值是一个经过四舍五入的整数。如下图:
scrollHeight
, scrollWidth
:只读属性。返回元素内容的整体尺寸,包括元素看不见的部分(需要滚动才能看见的)。返回值包括padding
,但不包括margin
和border
。如下图:
scrollTop
, scrollLeft
:图中已经表示的很明白了。如果元素不能被滚动,则为0。
window.innerWidth
, window.innerHeight
:只读。视口(viewport)的尺寸,包含滚动条
clientHeight
, clientWidth
:包括padding,但不包括border, margin和滚动条。如下图
Element.getBoundingClientRect()
:只读,返回浮点值。这个方法非常有用,常用于确定元素相对于视口的位置。该方法会返回一个DOMRect对象,包含left
, top
, width
, height
, bottom
, right
六个属性:
left
, right
, top
, bottom
:都是元素(不包括margin)相对于视口的原点(视口的上边界和左边界)的距离。
height
, width
:元素的整体尺寸,包括被滚动隐藏的部分;padding
和border
参与计算。另外,heigth=bottom-top, width=right-left。
- js中关于scrolltop.offsettop等距离用法的介绍
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- 编程之法(字符串旋转)
- Windows程序设计之创建Windows应用窗体
- matlab 中的关键词
- 后期的预告
- C#一些基础语法总结
- js中关于scrolltop.offsettop等距离用法的介绍
- 一点就通:学会dpkg 命令管理 Debian 系的 Linux系统
- Tr A(矩阵快速幂)
- 如何编写EmacsScript
- C语言字符串处理
- map用迭代器进行遍历的方法总结
- 十大滤波算法
- gradle依赖
- Laravel5.3开发API(Dingo+Passport+Swagger)