Get Start Infinite Scroll с каменной кладкой

Я новичок в использовании бесконечной прокрутки и никогда ею не пользуюсь. Я пытался использовать этот код для своего веб-сайта. Я пытался получить оповещение при прокрутке вниз страницы до нижнего колонтитула.

Моя основная цель - загрузить больше HTML-кода с помощью ajax и бесконечной прокрутки, когда веб-страница прокручивается до нижней части блока стены. <div id="wall"></div>. Этот div имеет нижнюю часть страницы и верхнюю часть нижнего колонтитула. Весь HTML-код должен быть добавлен, а в будущем новый контент будет добавлен с использованием JQuery.

Код Javascrip:

   $("#wall").infinitescroll({
    navSelector: "#next:last",
    nextSelector: "#next:last",
    itemSelector: "#content",
    debug: false,
    dataType: 'html',
    maxPage: 4,
    path: function(index) {
      return "index" + index + ".html";
    }

    }, function(newElements, data, url){
        alert("hi");
    });

Я пробовал использовать этот код, чтобы просить получать оповещения при прокрутке вниз, но он не работает.

Код Ajax:

$.post("/php/post.php",
{
    name: "aa",
    city: "bb"
},
function(data, status){
    $("#wall").append(data).masonry().masonry('appended', data, true).masonry("reloadItems").masonry("layout");

});

Данные ответа Ajax содержатся в HTML.

Как использовать бесконечную прокрутку для добавления и добавления дополнительных HTML-файлов в JQuery с помощью ajax?

Содержит ли этот HTML-код загрузку при прокрутке вниз страницы или при прокрутке вниз блока стены?

Если вы знаете какой-нибудь учебный веб-сайт по Infinite Scroll with Masonry, дайте мне знать.