Первым делом надо настроить файл который расположен по пути bitrix/components/bitrix/system.pagenavigation/templates
<!--?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
if(!$arResult["NavShowAlways"]){
if ($arResult["NavRecordCount"] == 0 || ($arResult["NavPageCount"] == 1 && $arResult["NavShowAll"] == false))
return;
}?-->
<p> </p>
<div class="bottom_pager_ajax" style="clear: both; width: 100%; height: 1px;"> </div>
<p> </p>
<script type="text/javascript">// <![CDATA[
var count = <?=$arResult["NavPageCount"];?>;
var begin = 2;
var endScroll = false;
var getApprovalLoanPos = $('.bottom_pager_ajax').offset().top;
$(function(){
$(window).scroll(function(){
var bodyScroll = $(window).scrollTop() + $(window).height();
var scrollResult1 = getApprovalLoanPos - bodyScroll;
if(scrollResult1 < 50 && !endScroll && begin <= count){
endScroll = true;
loader();
}
})
});
функция отправки ajax запроса
function loader(){
BX.showWait();
$.ajax({
url: "<?=$APPLICATION->GetCurPage();?>?PAGEN_1=" + begin,
type: "POST",
data: ({
resize: 'Y'
}),
success: function(data){
BX.closeWait();//скрываем стандартный прелоадер битрикса
$(".more_ajax").append(data);//добавляем элементы на страницу
begin++;//переопределяем счетчик
getApprovalLoanPos = $('.bottom_pager_ajax').offset().top;
endScroll = false;
},
fail: function(){
BX.closeWait();
}});
}
// ]]></script>