如何在vanilla JS中向下滚动元素？

Question

假设滚动条包含ul，其中包含约50个li个元素。当我向下滚动到它的结尾时，它会显示其他50个元素，并且一次又一次地显示，直到没有更多的li显示，并且达到的总数大约为1000.

该元素的主要标识符为.uiScrollableArea。

我怎样才能自动向内滚动？

我发现这个jQuery不起作用：

setInterval(()=>{
    document.querySelector('.uiScrollableArea').scrollBottom;
}, 1500);

我想要这样的香草解决方案，仅仅是为了我的元素：

window.scrollTo(0,document.body.scrollHeight);

这没有向下滚动并在控制台中输出0：

window.scrollTo(0,document.querySelector('.uiScrollableArea').scrollHeight);

怎么能在vanilla JS中完成呢？