API наблюдателя пересечения и переполнение скрыты

Я хочу загружать ленивые изображения, когда я действительно могу видеть изображения.

Итак, я использовал API наблюдателя пересечения. Вроде нормально работает

Но overflow : hidden похоже, не работает с API пересечения

"Не работает" означает DOM в overflow: hidden кажется, запускает API пересечения, так что я не могу загружать ленивые изображения

есть ли что-нибудь еще сделать? или эти результаты предназначены?

Источник

1 ответ

У меня была такая же проблема сейчас, вот как я ее решил:

IntersectionObserver будет работать правильно, если все родители имеют известный размер. Что произошло в моем случае, так это то, что у меня было<picture>завернут в<div>но у div не была указана ни ширина, ни высота.

Как только я добавил<div style="width: 100%; height: 100%;">изображения стали отображаться правильно.

Источник
Другие вопросы по тегам