单击按钮时滚动到顶部的 JavaScript 代码

Question

如果您单击 Hardly Code's website 上的导航链接浏览器滚动到页面的另一部分。

有人能给我推荐一些好的阅读 Material 来重现这种效果吗？我正在使用 jquery，并且希望动画像在 Hardcode.com 上一样流畅

Answer 1

命令是

$('html,body').animate({scrollTop : 0},'slow');

或者，如果链接具有滚动顶部_btn 类

$('.scrolltop_btn').click(function() {
  $('html,body').animate({scrollTop : 0},'slow');
});

作为捕获效果，如果禁用了 javascript，您也应该始终包含标准 HTML anchor 。

如果您想更改持续时间，可以将“慢”更改为您希望效果持续的毫秒数。