Доброго времени суток!
На данный момент в разделе выводится 12 элементов, после прокрутки списка к концу отображается ещё 12 элементов и так далее. На данный момент подгрузка следующих 12 элементов заметна.
Необходимо сделать так, чтобы следующий список товаров отображался когда прокрутка предыдущего списка подходит к 9 элементам.
Подскажите, пожалуйста, каким образом возможно реализовать. Возможно есть идеи по реализации. Спасибо.
Если верно понимаю то используется этот кусок кода для подгрузки следующих элементов (стр 5061) (файл во вложении)
$(document).on('click', '.ajax_load_btn', function(){
var url=$(this).closest('.container').find('.module-pagination .flex-direction-nav .flex-next').attr('href'),
th=$(this).find('.more_text_ajax');//показать ещё
if(!th.hasClass('loading'))
{
th.addClass('loading');
var objUrl = parseUrlQuery(),
add_url = ''
obGetData = {"ajax_get": "Y", "AJAX_REQUEST": "Y"};
if('clear_cache' in objUrl)
{
if(objUrl.clear_cache == 'Y')
add_url = '&clear_cache=Y';
}
if(th.closest('.goods-block.ajax_load'))
obGetData.bitrix_include_areas = 'N';
$.ajax({
url: url+add_url,
data: obGetData,
success: function(html){
//length = '1494';
if($('.ajax_load').length)
{
th.removeClass('loading');
if($('.display_list').length){
$('.display_list').append(html);
}else if($('.block_list').length){//список товаров
$('.block_list').append(html);
touchItemBlock('.catalog_item a');
}else if($('.module_products_list').length){
$('.module_products_list > tbody').append(html);
}
setStatusButton();
initCountdown();
var eventdata = {action:'ajaxContentLoadedTab'};
BX.onCustomEvent('onAjaxSuccess', [eventdata]);
var test = $('.bottom_nav').html($(html).find('.bottom_nav').html());
console.log(test);
}
else
{
if($('.banners-small.front').length)
{
$('.banners-small .items.row').append(html);
$('.bottom_nav').html($('.banners-small .items.row .bottom_nav').html());
$('.banners-small .items.row .bottom_nav').remove();
}
else
{
if(th.closest('.item-views').find('.items').length)
{
th.closest('.item-views').find('.items').append(html);
}
else
{
$(html).insertBefore($('.blog .bottom_nav'));
}
$('.bottom_nav').html($('.bottom_nav:hidden').html());
$('.bottom_nav:hidden').remove();
}
var eventdata = {action:'ajaxContentLoaded', content: html};
BX.onCustomEvent('onCompleteAction', [eventdata, th[0]]);
setTimeout(function(){
$('.banners-small .item.normal-block').sliceHeight({resize: false});
if($('.item.slice-item').length)
{
$('.item.slice-item .title').sliceHeight({resize: false});
$('.item.slice-item').sliceHeight({resize: false});
}
th.removeClass('loading');
}, 100);
}
}
})
}
})