jQuery实现页面滚动（Scroll）效果

假设：你的主题最上面的 id 是 header，最下面的“返回顶部”的 id 为 top

jQuery 代码如下：

jQuery(document).ready(function($) {
    $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
// 这行是 Opera 的补丁, 少了它 Opera 是直接用跳的而且画面闪烁 
   $('#top').click(function(){  
	$body.animate({scrollTop: $('#header').offset().top}, 1000);  
	return false;// 返回false可以避免在原链接后加上#  }); 
   });

说明：直接看注释

$(‘#top’).click(function(){…}); 这是滚动基本代码，可以根据自个情况变通，也就是举一反三了，如：既然可以返回顶部，那么就可以滚动到底部、滚动到某一个 id、滚动到中间……

那么我再贴出一个滚动到“评论框”的例子：

例子前提假如：文章标题下面有个“添加评论”，原来的html如下

<div id="add-comment"><a href="#respond"></a></div>

（注：#respond 是评论框的 id）

那么 $(‘#top’).click(function(){…}); 这段代码就变为如下：

$('#add-comment').click(function(){  
	$body.animate({scrollTop: $('#respond').offset().top}, 1000);
  	return false; 
 });

这样就行了，简单不？有些朋友说原理，学jQ去吧