标签：body 遇到 y1j2x34 Pen API CodePen IntersectionObserver document root
root 设指定为 document.body 时不会触发更新
<iframe allowfullscreen="true" allowtransparency="true" frameborder="no" height="300" loading="lazy" scrolling="no" src="https://codepen.io/y1j2x34/embed/vYdjOQZ?default-tab=js%2Cresult&theme-id=dark" style="width: 100%" title="document.body and IntersectionObserver">
See the Pen
document.body and IntersectionObserver by y1j2x34 (@y1j2x34)
on CodePen.
</iframe>
上面的示例中， 滚动页面后， .box 的颜色会随着交叉面积的比例更新而变化，如果将 , root: document 改为 root: document.body， 会发现滚动页面后不会触发更新：
其实，还有一个现象，就是通过 document.body.addEventListener('scroll', listener) 方法无法监听到滚动事件， 我想这两个一定是存在着某种关系。
标签：body,遇到,y1j2x34,Pen,API,CodePen,IntersectionObserver,document,root 来源： https://www.cnblogs.com/vgerbot/p/16333388.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。