Controlar con precisión la carga de datos en el desplazamiento del usuario con jQuery

En el desarrollo web, implementar el desplazamiento infinito es crucial para mejorar la experiencia del usuario al cargar archivos adicionales sin problemas datos a medida que los usuarios navegan por el contenido. Sin embargo, personalizar esta funcionalidad para apuntar a elementos específicos de la página puede representar un desafío.

En este caso, el objetivo es cargar más datos solo cuando un

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