IntersectionObserve API 使用注意事项

注意： Ie和safari不支持！！！   

基础：

MDN：Intersection Observer - Web API 接口参考 | MDN

阮一峰：IntersectionObserver API 使用教程 - 阮一峰的网络日志

使用注意事项：1. 注意元素定位影响问题（检查元素定位问题）：

当元素部分处于固定定位状态时，其相对于滚动的父元素部分不可见，元素定位问题，可能会导致发生改变后的回调函数的IntersectionObserverEntry对象的 intersectionRatio为0，影响可见性判断分析！！！！！（真的很重要！）

2.兼容性问题：Ie和safari不支持

先通过控制台打印IntersectionObserver 检查，如果为undefined，说明浏览器不支持，以及注意客户端内核是否支持改API的使用，解决方法：利用polyfill，通过npm还是很方便的~

链接：https://github.com/w3c/IntersectionObserver/tree/main/polyfill