计算视口坐标就相对简单了很多，可以通过调用元素的getBoundingClientRect方法。方法返回一个有left、right、top、bottom属性的对象，分别表示元素四个位置的相对于视口的坐标。getBoundingClientRect所返回的坐标包含元素的内边距和边框，不包含外边距。兼容性很好，非常好用
元素尺寸
由上面计算坐标方法，我们可以方便得出元素尺寸。在符合W3C标准的浏览器中getBoundingClientRect返回的对象还包括width和height,但在原始IE中未实现，但是通过返回对象的right-left和bottom-top可以方便计算出。
您可能感兴趣的文章: