Create an Infinite Scroll | Lazy Loading Page

Ever faced an issue where it triggered the callback twice in safari?

This still detects an element that has a property of "display:none" or is within a parent element with a property of "display:none". Can you help me solve this problem?

HERE IS THE MILLION-DOLLA QUESTION: Will you go to Heaven when you die? Here’s a quick test: Have you ever lied, stolen, or used God’s name in vain? Jesus said, “Whoever looks at a woman to lust for her has already committed adultery with her in his heart.” If you have done these things, God sees you as a lying, thieving, blasphemous, adulterer at heart, and the Bible warns that one day God will punish you in a terrible place called Hell. But God is not willing that any should perish. Sinners broke God’s Law and Jesus paid their fine. This means that God can legally dismiss their case: “For God so loved the world that He gave His only begotten Son, that whoever believes in Him should not perish but have everlasting life.” Then Jesus rose from the dead, defeating death. Today, repent and trust Jesus, and God will give you eternal life as a free gift. Then read the Bible daily and obey it. God will never fail you.

Hi Steve, Thanks for sharing.
Its seems essay, you have a array of 4 objects and you fetch them again and again.
But I have a array of 200 objects. How can I fetch first 4 objects, then first 4 objects with second 4 objects and then first, second and third 4 objects. and so on.. I'm a little noob to JavaScript, so please describe a little wordily.
Thank you

Hello Steve, this works really well here, but if I go to another link and return It breaks, do you know what problem should it be?

why there is 3 images each line always ?

I'm trying to fetch photos from my documents folder but it's not working. Can you help pleases?

Sir thanks for this content😃

Just wow. You are professional please keep give us something wonderful like this . big heart from germany

Should we also consider about recycling some nodes as the scroll grows bigger?

Hello Steve, please does this work well on mobile phones browsers. I have an issue with loading more content on my website. It works well on desktop browsers but doesn't work on mobile phone browsers except for Safari.

How can we handled the large list of data and DOM?

So freaking helpful! Thank you!!

Turkey yazıyor footerda as bayrakları as

how can I insert my own images and captions?

elegant solution. thanks steve!

I dont understand about how you can limit your getdata function to get data until the footer is intersecting, mine it will fetch all data at once

I love to watch your videos.Fantastic understanding!

how do I do this if I am loading the images from a database? Let's say the images are posts by a user. How do I implement this?

please share me images JSON file

Would be awesome to see a version of this that extracts the data from a MYSQLI database, regardless.. thank you for making this.

Sir. After log in fb with javascript or python or php or any other sources is it possible to speedly or rapidly scroll down into a fb group? I need to copy all posts and comments of a group at very short time.

Can you have 2 intersection observers?

I have one that observes section tags and places a bubble of the same color over my nav links.

Are there cases where people use two?

Or would you just pass another function in before options?

sir how get images from our system not internet

how are you fetching only 4 elements?

awesome! Thanks for introducing things I would not know existed.

Hi Steve, you have a video how to implement ajax pagination, how to do it correctly? Thanks

Just another reason why keep going.. Love your vids