由于项目中要用到,遂记录下来

用JQuery实现 锚标记平滑移动

<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>锚标记平滑移动</title></head><body><divid="top">顶部<ahref="#bottom"class="smooth">移动到底部</a></div><divid="appendBox"><!--填充内容--></div><divid="bottom">底部<ahref="#top"class="smooth">移动到顶部</a></div><!--替换为自己本地JQuery函数库--><scriptsrc="jquery-1.4.2.min.js"type="text/javascript"></script><scripttype="text/javascript">$(".smooth").click(function(){varhref=$(this).attr("href");varpos=$(href).offset().top;$("html,body").animate({scrollTop:pos},1000);returnfalse;});</script></body></html>