javascript - 平滑滚动到页面底部的JS

Question

我有一个 JS 可以从页面底部平滑滚动到顶部，并且它有效:

<script>

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

但现在我想从上到下平滑滚动，我试过这个:

 <script>

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

它不起作用，它不是平滑的滚动。有谁知道这有什么问题吗？

Answer 1

使用纯 JS:

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

到顶部为:

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