原生js--元素尺寸、位置和溢出

判断元素尺寸和位置的方法：

elem.getBoundingClientRect()  // 已验证IE7+、firefox、chrome均支持此方法

该方法返回一个对象（坐标值为视口坐标，不是文档坐标）：

{

　　left : 16,(左上角X轴坐标) // IE7返回值有差异

　　right : 16,(右下角X轴坐标) // IE7返回值有差异

　　top : 16,(左上角Y轴坐标) // IE7返回值有差异

　　bottom : 16,(右下角Y轴坐标) // IE7返回值有差异

　　width : 16,(元素宽度) // IE8及其以下版本无此属性

　　height : 16(元素高度) // IE8及其以下版本无此属性

}

如果想要获得文档坐标，需要加上滚动条的滚动距离

 

判断某个元素在某点：

document.elementFromPoint( x, y ) // x,y视口坐标

返回那个点的最里面和最上面的元素

不常用，因为鼠标事件为通过event来得到鼠标所在位置的元素

 

滚动文档的方法：

1、window.scrollTop( y )  // y 文档纵坐标

2、window.scrollTo() // x, y 文档横坐标和纵坐标

3、window.scrollBy( num, num ) // 相对于当前，横坐标和纵坐标各滚动多少像素

4、elem.scrollIntoView( bool ) // bool为true按元素上边缘定位到视口的上边缘，为false按元素的下边缘到视口的下边缘