Controlando com precisão o carregamento de dados na rolagem do usuário com jQuery

No desenvolvimento web, implementar a rolagem infinita é crucial para melhorar a experiência do usuário, carregando perfeitamente recursos adicionais dados à medida que os usuários navegam pelo conteúdo. No entanto, personalizar essa funcionalidade para direcionar elementos específicos na página pode representar um desafio.

Neste caso, o objetivo é carregar mais dados somente quando um

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