Динамическая подгрузка данных по скроллингу вниз (пагинация по скроллингу)

Суть - подгрузка порции данных при скроллинге. К примеру новости - пользователь крутит вниз экран и при достижении определенной позиции в контейнер погружается очередная порция данных. 

Демостенд - https://demo.falconspace.ru/list/watch/paginaciya-dannykh-po-skrollingu---1179

Используем следующую разметку: 

<div class="as-scrollLoad bg-warning" data-code="articles" data-itemid="123">
    Изначально некоторые данные есть (например, статичный контент под SEO...)
 </div> 

На странице одновременно может быть только 1 такой элемент. 

Параметры: 

• data-code - задает код выводимых данных.
• data-itemID - возможность привязки к ID некой сущности (например категория каталога). 
• data-progress - задает иконку progress, по умолчанию fa fa-spinner fa-spin fa-2x text-center mx-auto my-3 d-block pb-3.
• data-delay - задержка в реагировании на событие скроллинга (по умолчанию 1000). 
• data-shift - отклонение при котором начинает срабатывать загрузка (по умолчанию 300. Чем больше, тем быстрее будет срабатывать загрузка)

При достижении низа контента в элементе запускается подгрузка данных через процедуру request с фиксированным названием request_scroll_load.

CREATE PROCEDURE [dbo].[request_scroll_load]
	@parameters ExtendedDictionaryParameter READONLY,  
	@username nvarchar(32)
AS
BEGIN
    declare @code nvarchar(max) = isnull((select value2 from 
                         @parameters where [Key] = 'code'), '')
    declare @itemID nvarchar(max) = isnull((select value2 from 
                         @parameters where [Key] = 'itemID'), '')
    declare @page int = isnull((select try_cast(value2 as int) from 
                         @parameters where [Key] = 'page'), '')
    declare @s nvarchar(max) = ''
    declare @pageSize int = 10
    if(@code='articles') begin 
    
        select  @s = @s + '' + cast(num as nvarchar) + '. '+ isnull(text, '') + ''
        from (
            select 
                ROW_NUMBER() over (order by ord) num,
                url text 
            from as_menu  
            order by ord
            OFFSET @PageSize * (@Page - 1) ROWS
            FETCH NEXT @PageSize ROWS ONLY) t1 
        
        select 1 Result, @s Msg
        

    end
    
    
    -- SELECT 1 Msg, Result
	select '' Msg, 0 Result

    -- SELECT 2 Основные данные в виде произвольной таблицы
    -- SELECT 3 Внешние действия
END

На вход нам приходят page, code, itemID, которые задают какие данные выдать (pageSize определяется в самой процедуре).

На выходе модель Result, Msg: 

• Result - если 1, то данные подгружаются в контейнер из Msg и data-page увеличивается на 1.  Если 0, то прекращается работа пагинации.
• Msg - этот контент добавляется в контейнер. Если пустой Msg, то пагинация прекращается (нет данных больше для подгрузки).