IntersectionObserver Api 如何判断target隐藏的左右位置?

Question

直接 附上 测试地址

https://codepen.io/firstblood...

left middle right 按钮分别对应 左边隐藏 中间显示 右边隐藏 的功能(只是为了方便 测试 实际项目不存在这些按钮,也就是不知道隐藏的触发方式),

请教下我如何判断是在 options.root 的左边隐藏 还是 右边隐藏?

Answer 1

IntersectionObserver 可以帮我们判断元素是否可见，不需要我们自己写定时器去检查。但是它好像的确没有提供检查位置的 API。

所以我建议这里配合 Element.getBoundingClientRect() 来确定隐藏的方向。