Первым делом надо настроить файл который расположен по пути 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>