jQuery实现页面平滑滚动

首先在头部添加jQuery的文件，例如<scripttype="text/javascript"src="jquery.js"></script>；

①滑动到指定ID的元素位置：

<script type="text/javascript">    $(function(){        $(".click_ID").click(function(){            $('html,body').animate({scrollTop: $('#scrol_ID').offset().top}, 1000);        });    });</script>

其中，click_ID为绑定鼠标点击事件的元素的id，即点击该元素调用滑动函数；scrol_ID为目标元素的id，即需要滑动到的元素的id；1000是指滑动速度为1000毫秒。

②滑动到具体数值的位置：

<script type="text/javascript">    $(function(){        $(".click_ID").click(function(){            $('html,body').animate({scrollTop: '1000px' }, 1000);        });    });</script>

1000px是指划定到距离页面顶部1000px的位置。