判断页面元素是否进入可视区域

时间：2015-09-23 08:56:36 阅读：185 评论：0 收藏：0 [点我收藏+]

标签：

近日要做一个页面功能，需要检测某个页面元素是否位于当前屏幕中的可视区域，首先想到的当然是获取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/

判断页面元素是否进入可视区域

标签：

原文地址：http://www.cnblogs.com/smjia/p/4831172.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行