如何在Java脚本中滚动到日益增长的ul的末尾

Question

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

我尝试了element.scrollTo，element.scrollTop和一些jQuery的东西。所有这些都不起作用。我在网上找不到任何有效的D：

唯一可行的方法是element.scrollIntoView（），但这并不顺利，并且会跳到最后。

Answer 1

在页面的css中放置：

html {
  scroll-behavior: smooth;
}

在JS中，您可以使用：

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

然后，如果需要进行恒定滚动或设置更大的滚动量，则可以循环调用此函数。

或者，看看Zenscroll。

Answer 2

使用此：

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

PS：这只是先前答案的补充。