client系列、offset系列、scroll系列
一、client系列
clientWidth/clientHeight 是我们设置的宽和高加上内边距(没有边框)
clientLeft/clientTop 就是我们设置的边框值
二、offset系列
offsetWidth/offsetHeight 是我们设置的宽和高加上内边距,加上边框
offsetLeft/offsetTop 是元素外边距离父级内边距相对于父级,这个父级由定位position:absolute;
offsetParent 返回这个元素的父级元素
offsetTop 参照由父级身上的position:absolute/fixed,如果父级元素身上没有就逐层向上查找,直到body
offset往往和我们做元素的运动有关;
注意:1、offset必须和position配合使用,往往这个值还必须是absolute;
2、offset由初始值,在标准浏览器下是8,低版本是0;
3、 var t=setInterval (function()){
aa . style . left=+"px"
}
三、scroll系列
scrollWidth/scrollHeight 就是我们设置的宽和高加内边距(内容没有溢出的前提,如果超出了范围就按内容而定)
scrollLeft/scrollTop 滚动条卷走的高度
四、
获取浏览器的body的属性是有兼容的
var dd=document . body || document . documentElement;
获取body的整个文档的高
document . scrollHeight || document . documentElement . scrollHeight;
获取屏幕的高(浏览器的可视区)
document . body || document . documentElement . clientHeight
最新文章
- Something Wrong or Something Right
- mybatis字符串模糊匹配
- 个人练习--gif图流程
- “”?: H3C SSH 配置+
- sql 统计用的sql
- 【python】python的列表表达式或解析式,帅就一个字
- java里遍历map的常见方式
- Ajax.BeginForm无法调用 ajaxOptions的js函数
- shell脚本学习(二)
- 2016 湖南省省赛 Problem A: 2016
- WX支付功能的调用
- CentOS7下开放端口
- day01-Python输出
- sqlserver中为节约存储空间的收缩数据库机制
- Linux 修改默认的 yum 源
- Zabbix监控JVM内存
- 【转】Gulp入门基础教程
- LINQ 模糊搜索
- 加载jquery主函数的两种方式
- JavaScript Number() Vs new Number()