判断元素是不是在屏幕中出现

Posted 2023-03-15

参考技术A 统计用户是否看到元素。计费广告中的曝光点判断逻辑。

能够判断元素在屏幕中出现100px以上，或者完全出现。要兼容所有浏览器（电脑端IE6及以上的浏览器和手机端安卓2.3）

ON_SCREEN_HEIGHT 和 ON_SCREEN_WIDTH 用来设置元素出现在屏幕中npx的条件，也就是这里的n。
只要保证元素的上下左右四个边界都在屏幕内显示超过npx，我们就可以认为元素出现在页面中了。

demo 页面
可以在浏览器中拖动测试，页面变黄表示元素出现在页面中。元素宽高都是100，出现在页面中的条件是左右出现50px，上线出现50px。