使用方法
引入插件文件到你的网页中,你可能还需要引入jQuery文件,因为这个插件依赖于jQuery库。
<script src="jquery.js"></script> <script src="scrolltobyspeed.jquery.js"></script>
现在,当我们想要的窗口滚动我们给它的速度而不是时间。
$('#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 scrollto、jquery.scrollto.js、jquery scrolltofixed、jquery scrollto 插件、jquery scrollto 动画,以便于您获取更多的相关知识。
时间: 2024-11-18 03:20:43