jQuery के साथ उपयोगकर्ता स्क्रॉल पर डेटा लोडिंग को सटीक रूप से नियंत्रित करना

वेब विकास में, अतिरिक्त लोडिंग द्वारा उपयोगकर्ता अनुभव को बढ़ाने के लिए अनंत स्क्रॉलिंग को लागू करना महत्वपूर्ण है जैसे ही उपयोगकर्ता सामग्री के माध्यम से नेविगेट करते हैं, डेटा। हालाँकि, पृष्ठ पर विशिष्ट तत्वों को लक्षित करने के लिए इस कार्यक्षमता को अनुकूलित करना एक चुनौती पैदा कर सकता है।

इस मामले में, लक्ष्य केवल तभी अधिक डेटा लोड करना है जब ".loading" वर्ग के साथ एक विशिष्ट

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // AJAX call to get data from server and append to the div
    }
});