smoothscroll.js

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

Smoothscroll.js，也称为Smoothscroll插件，是一个适用于jquery页面的平滑滚动插件。安装并使用这个smoothscroll.js smooth scroll插件可以让你开发jquery更加方便。

使用步骤

1.介绍以下js和css文件

script src=' http://libs . Baidu.com/jquery/1 . 11 . 1/jquery . min . js '/script

脚本src='./src/jquery . smooth-scroll . js '/脚本

脚本src='./lib/jquery . ba-BBQ . js '/脚本

2.将以下js代码添加到head标记中

$(function(){ 0

$('#btn ')。单击(函数(){ 0

$('a ')。平滑滚动({ 0

//参数列表

});

});

})

3.在正文标签中添加相应的标签

插件描述

1.允许我们轻松地滑动到页面上的某个位置

2.可以用这种方式调用插件

$('a ')。smooth scroll()；

3.您可以根据自己的需要指定一个外部容器，因此滚动发生在这个容器中，而不是页面级别

$(' #容器a ')。smooth scroll()；

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

$(' #容器a ')。平滑滚动({ 0

excludewithin :[. container 2 ']

});

5.通过以下语句排除满足指定条件的元素

$('a ')。平滑滚动({ 0

exclude: ['。粗糙'，' #矮胖']

});

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

$('.backtotop ')。平滑滚动({ 0

偏移量： -100

});

7.滑动开始前设置回调函数

$('a ')。平滑滚动({ 0

beforeScroll:函数(){ 0

警报('准备好了！');

}

});

8.在滑动结束时设置一个回调函数

$('a ')。平滑滚动({ 0

afterScroll:函数(){ 0

警报(‘我们成功了！’);

}

});

9.您可以添加一个按钮来支持点击并返回到上一个位置。事实上，这是一个历史记录

参数配置

$.平滑滚动({ 0

//滑动位置的偏移量

offset: 0，

//滑动方向可以是“上”或“左”

方向： '顶部'，

//仅当您想要覆盖默认行为时使用

scrollTarget: null，

//启动前滑动回调函数。“This”表示正在滚动的元素

beforeScroll:函数(){}，

//滑动后的回调函数。这代表触发滑动的元素

afterScroll:函数(){}，

//缓慢效果

easing: '摇摆'，

//滑动速度

速度： 400，

//自动加速系数

自动效率： 2

});