AMP images not loading after few(1000px) from the top of browser

[satishsurve]

What's the issue?

AMP Images not loading after the first few hundred pixels from the top of the browser. Initial viewport(top 1000px) sections images are loading correctly but when we scroll down page (after some 1000px) not loading AMP images.

As per my observation after AMP page rendering amp-image tag should be converted to like this -

but getting AMP image tag like this after top (1000 px) -
image

When we resize the page, AMP images loading correctly.

What browsers are affected?

Chrome - Version 78.0.3904.97 (Official Build) (64-bit)

Which AMP version is affected?

using https://cdn.ampproject.org/v0.js

[alanorozco]

@satishsurve Hi, which runtime version are you running? Your console should print it as part of the first message.

[satishsurve]

@alanorozco Thanks for your quick response.
We are using runtime version is - 1911062056110

[jridgewell]

Do you have a demo page?

[satishsurve]

@jridgewell , @cathyxz
Please find demo on below link

https://satishsurve.github.io/

Just to remind: open above URL in mobile and try to scroll to reproduce the issue.

Also you can check source code on below link
https://github.com/satishsurve/satishsurve.github.io/blob/master/index.html

Thanks!

[jridgewell]

Ahh, I see. You're using an overflow: scroll container, which AMP doesn't yet directly support. We have an experimental build that enables the feature, you can see instructions at #24929 (comment).

Closing this a duplicate of #24929.

[satishsurve]

Thanks! @jridgewell :)