无法将缓动方法应用于Jquery ScrollTo:
$("#scroller").scrollTo(target,1000,{axis:'x',easing:'linear'});
这并没有让事情变得更容易... 我现在开始使用jquery(长期以来一直在使用prototype),所以这肯定是我的错误。 我需要一个缓动插件才能实现这个吗?如果有的话,这个插件的缓动选项是什么?文档对此并不清楚。 谢谢。
无法将缓动方法应用于Jquery ScrollTo:
$("#scroller").scrollTo(target,1000,{axis:'x',easing:'linear'});
这并没有让事情变得更容易... 我现在开始使用jquery(长期以来一直在使用prototype),所以这肯定是我的错误。 我需要一个缓动插件才能实现这个吗?如果有的话,这个插件的缓动选项是什么?文档对此并不清楚。 谢谢。
从 jQuery:
jQuery 库中仅有两种缓动效果,分别是默认的 swing 和一种以恒定速率运行的效果称为 linear。
因此,easing: 'linear'
不会显示任何内容。
请尝试使用 easing: 'swing'
。
$("#scroller").scrollTo(target, 1000, {easing: 'easeInOutCirc'});
这里有一个很棒的缓动效果列表:
linear
是缓动的默认选项:线性动画 => 直接到达终点。
尝试 easing:'elasout'
我知道这是一个旧的帖子,但我找到了它并且帮助了我。正如Palmsey在其中一条评论中提到的那样,scrollTo演示展示了一个使用缓动效果的示例,但实际上并没有提到它从缓动插件http://gsgd.co.uk/sandbox/jquery/easing/ 借用了一小段代码。 scrollTo的演示将此代码包含在init.js文件中。
//borrowed from jQuery easing plugin
//http://gsgd.co.uk/sandbox/jquery.easing.php
$.easing.elasout = function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};