offset,scroll,client系列
offsetHeight: 元素高,height+border+padding
offsetWidth: 元素宽,width+border+padding
offsetTop: 距离offsetParent顶部的距离
offsetLeft: 距离offsetParent左边的距离
offsetParent: 最近的带有定位的父盒子
scrollHeight: 内容高,不含border
scrollWidth: 内容宽,不含border
scrollTop: 被滚动条卷走的部分
document.documentELement.scrollTop 声明DTD的浏览器
|| document.body.scrollTop; 没声明DTD的浏览器
|| window.pageXOffset; ie9+等标准浏览器
scrollLeft: 被滚动条卷走的部分
document.documentELement.scrollLeft 声明DTD的浏览器
|| document.body.scrollLeft 没声明DTD的浏览器
|| window.pageYOffset; ie9+等标准浏览器
clientHeight: 元素高,height+padding;
clientWidth: 元素宽,width+padding;
window.innerHeight;document.documentElement.clientHeight 可视区域的高
window.innerWidth;document.documentElement.clientWidth; 可视区域的宽
clientTop: 元素的上border宽
clientLeft: 元素的左border宽
event.clientY鼠标距离浏览器可视区域的距离,上
event.clientX鼠标距离浏览器可视区域的距离,左
最新文章
- BZOJ1500——维修序列
- docker-registry使用笔记
- js不间断滚动
- URAL
- Android学习笔记一
- Oracle数据库之PL/SQL过程与函数
- codeforces 665D Simple Subset
- JDBC连接sql server数据库的详细步骤和代码
- Cassandra配置多节点集群以及使用雅虎YCSB压测Cassandra 3.11
- JavaScript ES6 的let和const
- helm-chart5,模板和访问文件
- diary of laravel
- ElasticSearch 6.x 父子文档[join]分析
- 让你的ASP.NET虚拟主机也支持子网站
- RedHat 将应用程序添加到 Gnome 菜单中
- 使用kendynet编写网关服务
- HTML meta 文本 格式排版 链接图表 列表 表单 frame后台布局实例
- Redundant Paths---poj3177(双连通分量)
- PropertySheet
- JS笔记-强化版1
热门文章
- 怎样设置mysql的表不区分你大写和小写
- javascript 中对象的拷贝
- linux-centos7中lnmp服务器编译安装含systemctl启动service(转)
- Atitit.收银系统模块架构attilax 总结
- Atitit. 真正的全中国文字attilax易语言的特点以及范例
- python装饰器的理解
- C# 泛型 default()方法
- 用html5(requestFullscreen) js实现点击一个按钮使浏览器全屏效果
- html 标签 图片
- linux跨主机复制文件