JS 平滑滚动到页面底部

use*_*784 12 javascript jquery

我有一个 JS 可以用这个从页面底部平滑滚动到顶部,它可以工作:

<script>

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

但是现在我想从顶部到底部平滑滚动,我尝试了这个:

 <script>

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

它不起作用,它不是一个平滑的滚动。有谁知道这有什么问题?

Ban*_*nzy 26

使用纯 JS:

     window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
Run Code Online (Sandbox Code Playgroud)

并到顶部为:

     window.scrollTo({ top: 0, behavior: 'smooth' })
Run Code Online (Sandbox Code Playgroud)

  • 这应该被标记为有效答案。谢谢! (2认同)

dfs*_*fsq 6

没有这样的事情scrollToBottom。尝试这个:

$("html, body").animate({ scrollTop: document.body.scrollHeight }, "slow");
Run Code Online (Sandbox Code Playgroud)

  • 没有 jquery 会怎样? (3认同)