最新下载
热门教程
- 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'}); ... }
相关文章
- DNF手游雪人套装扮怎么获取 05-22
- 《波点音乐》和好友一起听歌方法介绍 05-22
- DNF手游角色转职推荐 05-22
- 明日方舟栖息淬羽赫默怎么获取 05-22
- 歧路旅人大陆的霸者特殊卡池抽取建议 05-22
- starEX交易所官网下载2024版 05-22