Автоматическая загрузка контента
 

Доброго времени суток!
На данный момент в разделе выводится 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);
					}
				}
			})
		}
	})

Ссылку посмотреть можно?