jquery 内部链接 点击缓慢跳转到对应ID

<div class="demo">

           <div id="top" class="append_box mb20">

               平滑跳转到底部：<a href="#bottom" class="smooth">滑到底部</a>

                </div>

           <div id="appendBox" class="append_box">

               <img width="300" height="3281" src="http://ss4.sinaimg.cn/bmiddle/6200b7a8t8b6743480673&amp;690" />

                </div>

                <div id="bottom" class="append_box mb20">

               平滑回到顶部：<a href="#top" class="smooth">回到顶部链接</a>

                </div>

            </div>

jquery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(".smooth").click(function(){

var href = $(this).attr("href");

var pos = $(href).offset().top;

$("html,body").animate({scrollTop: pos}, 1000);

return false;

});

</script>