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

命令是

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

或者,如果链接具有类滚动条

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

作为一种捕获效果,在禁用javascript的情况下,您也应该始终包含标准的HTML锚。

如果要更改持续时间,可以将“慢速”更改为希望效果持续的毫秒数。

使用Scrollto jQuery插件: http://flesler.blogspot.com/2007/10/jqueryscrollto.html - http://plugins.jquery.com/project/ScrollTo

下面是一篇关于使用jquery进行此操作的博客文章: Improved Animated Scrolling Script for Same-Page Links

您可以直接滚动到顶部,但该方法允许您将其指向页面的任何部分,就像使用 #anchors . 这是渐进式增强的一个很好的例子,因为奇特的javascript效果是一个已经完全功能化的无javascript系统的补充。

这里有一个好的:

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

首先尝试演示:

http://demos.flesler.com/jquery/scrollTo/

祝你好运!

一个非常简单的链接,不需要页面内的javascript(它只需查找包含锚的所有链接,并使其滚动): http://www.kryogenix.org/code/browser/smoothscroll/