最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件scrollToBySpeed页面滚动示例
时间:2022-06-25 17:43:59 编辑:袖梨 来源:一聚教程网
使用方法
引入插件文件到你的网页中,你可能还需要引入jQuery文件,因为这个插件依赖于jQuery库。
现在,当我们想要的窗口滚动我们给它的速度而不是时间。
$('#element').scrollToBySpeed({
speed: 1000
});我们还可以再加上一个偏移量到目的地的滚动位置。
$('#element').scrollToBySpeed({
speed: 1000,
offset: -100
});设置动画的缓存效果。
$('#element').scrollToBySpeed({
easing: 'linear'
});默认滚动的语境是整个窗口。在另一个滚动元件的滚动指定上下文作为一个选择器的字符串或一个jQuery对象。
$('#element').scrollToBySpeed({
context: '.foo'
});如果自定义宽松或回调的需要,使用插件来获得时间和手动动画。
function () {
var $element = $('#element'),
duration = $element.scrollToBySpeed({mode:'duration'});
...
}
相关文章
- 《重返帝国》临时营地查看方法 03-22
- 洛克王国世界立方人如何超进化 03-22
- twitter网页版-twitter在线访问 03-22
- 燕云十六声仙宫通关攻略 03-22
- 抖音网页版-官方入口在哪 03-22
- 沉星之序官网在哪里 03-22