Precisely Controlling Data Loading on User Scroll with jQuery

In web development, implementing infinite scrolling is crucial for enhancing user experience by seamlessly loading additional data as users navigate through content. However, customizing this functionality to target specific elements on the page can pose a challenge.

In this case, the goal is to load more data only when a specific

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