最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件scrollToBySpeed页面滚动示例
时间:2015-04-11 编辑:简简单单 来源:一聚教程网
使用方法
引入插件文件到你的网页中,你可能还需要引入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'}); ... }
相关文章
- jQuery阻止移动端遮罩层后页面滚动 06-28
- jquery判断页面滚动条(scroll)的方向 06-27
- jQuery判断滚动条滚到页面底部脚本 05-20
- jquery 超酷的页面滚动效果 05-02
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31