Comment déclencher le chargement des données avec précision lorsqu'une division spécifique devient visible lors du défilement avec jQuery ?

Contrôle précis du chargement des données lors du défilement de l'utilisateur avec jQuery

Dans le développement Web, la mise en œuvre du défilement infini est cruciale pour améliorer l'expérience utilisateur en chargeant de manière transparente des éléments supplémentaires données lorsque les utilisateurs naviguent dans le contenu. Cependant, personnaliser cette fonctionnalité pour cibler des éléments spécifiques sur la page peut poser un défi.

Dans ce cas, l'objectif est de charger plus de données uniquement lorsqu'un

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