巴士为您推荐： smoothscroll js smoothscroll

smoothscroll.js又称为smoothscroll插件,是一款适用于jquery页面的平滑滚动插件,安装使用这款smoothscroll.js平滑滚动插件可以让您在进行jquery开发时更加方便。快来下载体验吧！

使用步骤

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

<script src="//libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

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

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

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

$(function(){

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

$('a').smoothScroll({

//参数列表

});

});

})

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

插件说明

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

2、可以这样来调用插件

$('a').smoothScroll();

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

$('#container a').smoothScroll();

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

$('#container a').smoothScroll({

excludeWithin: ['.container2']

});

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