Я хочу добавить прокрутку и бесконечную прокрутку для каждой команды jQuery

Следующий код анализирует RSS-канал из XML и отображает его в виде списка на странице php / jquery. Довольно круто, пока только один вопрос

 function parseXml(xml)
{
$("#main").html("<ul id='content' data-role='listview' data-inset='true'></ul>");

//make window scrollable after items exceed document height
$document_height = $(document).height();
$culminated_height = 0;
$items_displayed_on_screen = 0;

$(xml).find("item").each(function()
{

$("#content").append("<li><a href='"+$(this).find("date").text()+"'><img src='"+$(this).find("location").text()+"'/><h2>"+$(this).find("report").text()+"</p></a></li>");

//make scrollable after document height is reached
$culminated_height  +=  $("li").height();

$items_displayed_on_screen++;
if ($culminated_height >= $document_height){return false; //break
}

});

Я не могу сделать это прокручиваемым. Пока что $culminated_height а также $document_height помогите мне прекратить показывать больше элементов, когда кульминационная высота превышает высоту окна / документа. Мне нужно, чтобы этот раздел был прокручиваемым, который не сильно превышал бы высоту окна, и, как следствие, пользователь автоматически загружал контент по мере того, как пользователь двигался дальше вниз по прокрутке. Я изучил бесконечные методы прокрутки в jquery, но пока не могу заставить их работать с каждой функцией jQuery. Любая помощь?