js的client、scroll、offset详解与兼容性
2024-08-27 15:16:33
clientWidth:可视区宽
说明:样式宽+padding
参考:js的client详解
scrollTop : 滚动条滚动距离
说明:chrome下他会以为滚动条是文档元素的,所以需要做兼容:
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
参考:js的scroll详解
scrollHeight : 返回整个元素的高度+padding(包括子元素把父元素撑开隐蔽的地方)
参考:js的scroll详解
offsetHeight : 文档高度
说明:任何一个元素的高度+padding+border
ie下会把整个文档可视区作为高度,建议使用document.body.offsetHeight
offsetLeft: 返回当前元素的相对水平偏移位置的偏移容器
说明:找距离定位父级(position:relative)左边的距离,如果没有定位默认是body
参考:offsetLeft与offsetTop详解
offsetParent : 返回元素的偏移容器
说明: 找有定位的父节点,没有定位默认是body,ie7以下定位在当前元素是html
参考:offsetParent详解
最新文章
- [译]ZOOKEEPER RECIPES-Barriers
- [上架] iOS ";app-specific password"; 上架问题
- 电子线路 PCB 中大电流 接口 和 布线问题;
- 日常积累之JSON.stringify和JSON.parse substr
- RabbitMQ介绍6 - 其它
- php array转json、xml
- Jquery花园
- MYSQL 数学运算符问题
- 浅谈Servlet(三)
- js获取当前时间戳
- 团队作业4——第一次项目冲刺 tHiRd DaY
- Java实现一个简单的循环队列
- ASP.NET Web API 之一 入门篇
- javascript 的线程问题
- xadmin集成DjangoUeditor
- JXOI 2018 简要题解
- ASP.NET MVC5入门3之登录验证
- javascript获取id元素
- ASP.NET MVC 的常用的HTML辅助方法笔记
- linux下命令行工具gcp显示拷贝进度条