原生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按元素的下边缘到视口的下边缘
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。