Load data while Scrolling Page down with with repeater

this is my code

   <div id="dvCustomers">
                       <asp:Repeater ID="Repeater1" runat="server">
                   <ItemTemplate>


                           <div class="col-lg-4 col-md-6 col-12 mb-3 pb-3">
                        <div class="blog position-relative rounded"> 
                           <asp:HyperLink ID="HyperLink2" runat="server" CssClass="text-black-50" NavigateUrl='<%# string.Format("Post_Details.aspx?id={0}&PostId={1}&Title={2}",
                    HttpUtility.UrlEncode(Eval("NavigationUrl").ToString()), HttpUtility.UrlEncode(Eval("PostId").ToString()), HttpUtility.UrlEncode(Eval("Title").ToString())) %>'>
                            <div class="position-relative">
                               <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("[ImgPoster]") %>' class="img-fluid rounded w100me" Height="200px"     />
                                <div class="overlay rounded bg-dark"></div>
                            </div>
                            <div class="content p-2">
                                <p class="content2"><asp:Literal ID="Literal1" runat="server" Text='<%# Eval("[Title]") %>' ></asp:Literal></p>
                                <div class="post-meta mb-0">
                                    <a href="javascript:void(0)" class="text-muted float-right readmore"><img src="images/icon6.png" /></a>
                                   
                                </div>
                            </div>
                            <div class="author">
                                <small class="text-light user d-inline "><img src="images/popicon1.png" /> </small>
                                <small class="text-light date  d-inline"><img src="images/popicon2.png" /> </small>
                                 <small class="text-light user  d-inline"><img src="images/popicon3.png" /> </small>
                            </div>
                               </asp:HyperLink>
                        </div>
                    </div><!--end col-->
</ItemTemplate>
</Repeater>
</div>

i am following thhis

https://www.aspsnippets.com/Articles/Load-data-while-Scrolling-Page-down-with-jQuery-AJAX-and-ASPNet.aspx

not able write this code from my template div code

function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);
        pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
        var customers = xml.find("Customers");
        customers.each(function () {
            var customer = $(this);
            var table = $("#dvCustomers table").eq(0).clone(true);
            $(".name", table).html(customer.find("ContactName").text());
            $(".city", table).html(customer.find("City").text());
            $(".postal", table).html(customer.find("PostalCode").text());
            $(".country", table).html(customer.find("Country").text());
            $(".phone", table).html(customer.find("Phone").text());
            $(".fax", table).html(customer.find("Fax").text());
            $("#dvCustomers").append(table).append("<br />");
        });
        $("#loader").hide();
    }

what i write insted of this from my code