Estoy usando la plantilla nodejs y ejs para mostrar datos en la interfaz, pero quiero aplicar un desplazamiento infinito en mis datos que obtengo de nodejs, entonces, ¿cómo puedo hacer eso?

código nodo js -

 app.get("/", (req, res) => { // console.log("got here first"); const removedData = blogData.filter( (element) => element.id > 1 && element.id != 3 ); res.render("blog", { removedData, }); });

codigo ejs -

 <div class="article-container"> <% removedData.forEach((element,index) => { %> <div class="small-article"> <a href="/blogs/<%= element.url %>"> <div class="article-img"> <img src="<%= element.mainImg %>" alt="" style="object-fit: cover;" /> <div class="read-more"> <p>Read more >></p> </div> </div> </a> <div class="article-text-area"> <div class="text-and-date"> <h3>Written</h3> <span></span> <h4><%= element.date %></h4> </div> <div class="article-content"> <h3><%= element.heading %></h3> <p> <%= element.discription.substring(0,100) + "..." %> </p> </div> <div class="article-author"> <div class="author-img"> <img src=<%= element.authorImage %> alt="" /> </div> <div class="author-info"> <h4><%= element.author %></h4> </div> </div> </div> </div> <% }) %>

Y quiero mostrar 4 publicaciones a la vez mientras me desplazo, por favor ayuda