交叉观察器 API 和溢出隐藏

Ray*_*Kim 5 css intersection-observer

我想在实际看到图像时延迟加载图像。

所以,我使用了路口观察者 API。看起来效果很好

overflow : hidden似乎不适用于交集 API

“不工作”意味着 DOM 似乎overflow: hidden会触发交集 API,因此我无法延迟加载图像

还有什么可以做的吗?或者那些结果是有意的?

小智 0

我现在遇到了同样的问题,这就是我解决的方法:

当所有父级都知道大小时, IntersectionObserver正常工作。在我的例子中发生的事情是我已经换行了,但 div 没有指定宽度或高度。<picture><div>

一旦我添加<div style="width: 100%; height: 100%;">图像就开始正确显示。