Точный контроль загрузки данных при прокрутке пользователем с помощью jQuery

В веб-разработке реализация бесконечной прокрутки имеет решающее значение для улучшения пользовательского опыта за счет плавной загрузки дополнительных данные, когда пользователи перемещаются по контенту. Однако настройка этой функциональности для таргетинга на определенные элементы на странице может стать проблемой.

В этом случае цель состоит в том, чтобы загружать больше данных только тогда, когда становится видимым определенный

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