近日要做一个页面功能，需要检测某个页面元素是否位于当前屏幕中的可视区域，首先想到的当然是获取offsetLeft和offsetTop，将这个值分别与body.scrollTop/scrollLeft进行比较，得出元素是否可视。
这次查资料时偶然看到了getBoundingClientRect()；该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，他返回的是一个对象，即Object，该对象有是个属性：top，left，right，bottom；这里的top、left和css中的理解很相似，但是right，bottom和css中的理解有点不一样，看示意图：
转自：http://zhouyj668.blog.163.com/blog/static/1125232802013230062896/