Javascript JS用于平滑滚动到页面底部

我有一个JS，可以用它从页面底部平滑地滚动到顶部，它可以工作：

<script>

     $("a[href='#top']").click(function() {
     $("html, body").animate({ scrollTop: 0 }, "slow");
     return true;
  });
</script>

$（“a[href='#top']）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，“slow”）；
返回true；
});

但是现在我想做一个从上到下的平滑卷轴，我试着这样做：

 <script>

     $("a[href='#footer']").click(function() {
     $("html, body").animate({ scrollToBottom: 0 }, "slow");
     return true;
  });
</script>`

$（“a[href='#footer']）。单击（函数（）{
$（“html，body”）.animate（{scrollToBottom:0}，“slow”）；
返回true；
});
`

---

它不起作用，它不是一个平滑的卷轴。有人知道这是怎么回事吗？

没有什么东西是

滚动到底部的。试试这个：

$("html, body").animate({ scrollTop: document.body.scrollHeight }, "slow");

对于纯JS：

     window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })

最上面是：

     window.scrollTo({ top: 0, behavior: 'smooth' })

滚动至
的所有选项包括：


top:编号
左：数字
行为：“平滑”
或
行为：“自动”
没有jquery会是什么样子？@FedericoCapaldo请查看：
// Scroll smoothly to the bottom
domElement.scrollTo({
  top: document.body.scrollHeight,
  behavior: 'smooth',
})