Javascript CSS模拟滚动条高度

我有一个巨大的列表，首先我想显示前x项。当用户滚动时，我想在列表中添加更多的项目

我的问题是，我需要模拟滚动条，使其与列表中已经存在的所有项目一样

我怎样才能做到这一点

const container=document.querySelector（“节”）；
常数arr=[]；
对于（变量i=0；i<20；i++）{
arr.push(`
味精
`)
}
container.innerHTML=arr.join（“”）
部分{
宽度：300px；
高度：3000px；//例如总高度
溢出y：滚动；
}
味精{
垫底：0.3em；
}
获取最大项数，然后计算高度并使用jquery分配。然后注意在项目到达网站的那部分之前加载它。但是我现在没有滚动条，因为我没有溢出。我需要模拟scrollbarkeep溢出：自动。。希望它能起作用。同样，从数据库（而不是html）中获取项目数，计算总高度（字体大小+边距+填充），并将其分配给容器。这应该给你滚动条。如果你有足够的空间滚动条将不会显示