平时经常获取一个div的位置，用了定位，取位置还好，在不用定位的情况下，计算一个div在页面的距离，就可以用到getBoundingClientRect()方法。

getBoundingClientRect()  获取元素的位置

用法：

document.documentElement.getBoundingClientRect

var div = document.documentElementById(id);

div .getBoundingClientRect().top  　　　　　　 获取div到页面顶端的距离　　

div .getBoundingClientRect().bootom  　　　   获取div到页面顶端的距离　

div .getBoundingClientRect().left　　　　　　  获取div到页面最左边的距离　

div .getBoundingClientRect().right　　　　　　 获取div到页面最右边的距离

感觉这个属性十分实用，不需要每次都需要去计算！

最新文章

1. NOIP2013D1T3货车运输
2. 安装完Pydev却无法创建Python工程
3. jqGrid表格控件
4. java计算组合数
5. EditText图文混排
6. Maximum number of WAL files in the pg_xlog directory (2)
7. ABAP报表程序编写规范 .
8. jQuery中对 input 控件的操作
9. MidpointRounding 枚举值简要说明
10. JS实现图片base64转blob对象，压缩图片，预览图片，图片旋转到正确角度
11. 第二章 Java 基本语法1
12. web-font 个人学习小总结
13. Unity C#图片转换二进制流、字符串互转
14. Android应用系列：完美运行GIF格式的ImageView（附源码）
15. js计时器 setInterval与clearInterval
16. 微信小程序开发warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance
17. qt 软件打包
18. JS计算时间差值
19. Hibernate查询_HQL_EJBQL_QBC_QBE
20. zookeeper 系列文章

热门文章

1. centos_7.1.1503_src_7
2. 【bzoj1068】【SCOI2007】压缩
3. [总结]可重用cell的定义方式
4. [How to]使用自定义cell进行tableview的创建，适用于cell样式不发生变化的情况。
5. 如何设置static tableview的section区域高度
6. div左右自适应高度一致
7. 浮动的div无论窗口大小变化都能居中显示的js
8. leetcode 之Copy List with Random Pointer（23）
9. node采用的commonJs规范
10. Python中的PIL