使用步骤

　　1、引入以下的js和css文件

　　<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

　　<scriptsrc="../src/jquery.smooth-scroll.js"></script>

　　<scriptsrc="../lib/jquery.ba-bbq.js"></script>

　　2、在head标签中加入以下js代码

　　$(function(){

　　$("#btn").click(function(){

　　$('a').smoothScroll({

　　//参数列表

　　});

　　});

　　})

　　3、在body标签中加入相应的标签

插件说明

　　1、允许我们轻易地实现滑动到页面某个位置

　　2、可以这样来调用插件

　　$('a').smoothScroll();

　　3、可以根据自己的需要指定一个外部容器，那么滚动就是在这个容器内发生，而不是在页面级别发生了

　　$('#containera').smoothScroll();

　　4、可以通过下面的方式来排除指定容器的包含元素

　　$('#containera').smoothScroll({

　　excludeWithin:['.container2']

　　});

　　5、通过下面的语句来排除满足指定条件的元素

　　$('a').smoothScroll({

　　exclude:['.rough','#chunky']

　　});

　　6、调整滑动到哪个位置就停止

　　$('.backtotop').smoothScroll({

　　offset:-100

　　});

　　7、设定一个滑动开始之前的回调函数

　　$('a').smoothScroll({

　　beforeScroll:function(){

　　alert('readytogo!');

　　}

　　});

　　8、设定一个滑动结束的回调函数

　　$('a').smoothScroll({

　　afterScroll:function(){

　　alert('wemadeit!');

　　}

　　});

　　9、可以添加一个按钮用来支持点击后回到之前的位置，实际上就是一个历史记录的作用

参数配置

　　$.smoothScroll({

　　//滑动到的位置的偏移量

　　offset:0,

　　//滑动的方向，可取'top'或'left'

　　direction:'top',

　　//只有当你想重写默认行为的时候才会用到

　　scrollTarget:null,

　　//滑动开始前的回调函数。`this`代表正在被滚动的元素

　　beforeScroll:function(){},

　　//滑动完成后的回调函数。`this`代表触发滑动的元素

　　afterScroll:function(){},

　　//缓动效果

　　easing:'swing',

　　//滑动的速度

　　speed:400,

　　//"自动"加速的系数

　　autoCoefficent:2

　　});