Javascript 如何滚动到java脚本中不断增长的ul的末尾

我正在编写一个html页面，它不断地使用java脚本向ul添加li。我希望页面能够顺利滚动到页面的末尾！如果可能的话，它不应该使用jQuery

我尝试了element.scrollTo、element.scrollTop和一些jQuery的东西。所有这些都不起作用。我在网上发现的东西都不管用：

唯一有效的方法是element.scrollIntoView（），但这并不平滑，有点像跳转到结尾。

在页面的css中：

html {
  scroll-behavior: smooth;
}

在JS中，您可以使用：

window.scrollBy({ 
  top: 200,
  left: 0, 
  behavior: 'smooth' 
});

然后，如果需要持续滚动，您可以在循环中调用它，或者设置更大的滚动量

或者，看一看。

在页面的css中：

html {
  scroll-behavior: smooth;
}

在JS中，您可以使用：

window.scrollBy({ 
  top: 200,
  left: 0, 
  behavior: 'smooth' 
});

然后，如果需要持续滚动，您可以在循环中调用它，或者设置更大的滚动量

或者，看看。

使用以下方法：

element.scrollIntoView({
    behavior: 'smooth'
});

附言：这只是对前面答案的补充。

使用这个：

element.scrollIntoView({
    behavior: 'smooth'
});

---

PS：这只是对上一个答案的补充。

这真的会滚动到我的ul的结尾还是页面的结尾？@MaxTheGuy如果你把它放在一个循环中，可能每次你添加一个元素时都会重复，直到页面的结尾。或者，如果你知道页面的高度并相应地指定数量，那也不行。幸好下面那个人帮了我。也谢谢你。这真的会滚动到我的ul的结尾还是页面的结尾？@MaxTheGuy如果你把它放在一个循环中，可能每次你添加一个元素时都会重复，直到页面的结尾。或者，如果你知道页面的高度并相应地指定数量，那也不行。幸好下面那个人帮了我。也谢谢你。做得很好！谢谢，您也可以尝试添加选项“block:‘end’”。它定义了与图元底部的垂直对齐。欲了解更多信息：工作完美！谢谢，您也可以尝试添加选项“block:‘end’”。它定义了与图元底部的垂直对齐。有关更多信息：