DEV Community

Gurupal Singh
Gurupal Singh

Posted on

1

Lazy Load images is only visible after scroll..!!

Hi, I am running a React project where I am using Lazy Load module for my images. The scroll component is in Popup div.
But it is not working as expected in Scroll Component. Images are not loading until I scroll it a little bit. I tried searching but most answers is solved with Jquery, but I need help with ReactJS or Pure Javascript.

Can someone help me with this. Thanks

Top comments (1)

Collapse
 
senthilmpro profile image
Senthil Muthuvel

Try Intersection Observer API

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay