最新下载
热门教程
- 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'});
...
}
相关文章
- PicacgIOS如何下载 02-03
- 差差漫画无广告-差差漫画下拉式-差差漫画全免费 02-03
- 差差漫画无限下载-差差漫画免费高清版V5.24 02-03
- 币安的提现是否可以用钱抵税款?还是一定要另付手续费? 02-03
- 羞羞漫画手机网页版-无需下载即可畅享高清完整画质 02-03
- 差差漫画官网正版-差差漫画官网最新版 02-03