IntersectionObserver如何判断顶部or底部、如何判断是出去还是回来?

图片.png

如上图,一个小块从页面外面进到页面里面。现在要处理小块到顶部时,和页面有交叉的情况。

  1. 怎么区分小块是在顶部有交集而不是在底部有交集呢?

只需要处理小块从顶部出去的情况,不需要处理从顶部回来的情况。

  1. 又要如何区分小块是出去的时候和顶部有交集,还是进来的时候和顶部有交集呢?
阅读 1.8k
1 个回答

https://developers.weixin.qq....
image.png
通过返回结果的相交区域res.intersectionRect,可以判断是在顶部还是底部

是出去还是进来不能直接判断,需要和上一次作比较,比例res.intersectionRatio在变大就是进入,比例变小就是出去。也可以用上边界坐标等值去比较判断

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题