8

Jquery ScrollTo にイージング メソッドを適用できません:

$("#scroller").scrollTo(target,1000,{axis:'x',easing:'linear'});

これは何も楽にしません...私は今jqueryを使い始めているので（長い間プロトタイプを使っていました）、これは間違いなく私の間違いです。これを実現するにはイージング プラグインが必要ですか? このプラグインのイージング オプションは何ですか (ある場合)? ドキュメントはこれについて明確ではありません。ありがとう。

4

4 に答える 4

10

jQuery から:

jQuery ライブラリの唯一のイージングの実装は、swing と呼ばれるデフォルトのイージングと、一定のペースで進行する linear と呼ばれるイージングです。

したがってeasing: 'linear'、何も表示されないはずです。試してみてくださいeasing: 'swing'。

于 2010-11-25T09:18:31.547 に答える
5 
$("#scroller").scrollTo(target, 1000, {easing: 'easeInOutCirc'});

そして、イージングの素晴らしいリストはここにあります:

http://easions.net/

于 2013-11-04T14:35:20.237 に答える
1

linearイージングのデフォルトのオプションです: 線形アニメーション => 1 秒でポイントまでまっすぐ。

試すeasing:'elasout'

于 2010-11-25T09:15:35.870 に答える
1

これは古いスレッドであることは知っていますが、見つけて助けてくれました。Palmsey がコメントの 1 つで言及したように、scrollTo Demo はイージングの使用例を示していますが、実際には、http://gsgd.co にあるイージング プラグインから小さなコード スニペットを借用したことについては言及していません。英国/サンドボックス/jquery/イージング/ . 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;
    };

ただし、上記のイージング プラグイン全体を含めると、http://easings.net/に記載されている関数のいずれかを使用できます。

于 2014-05-06T15:59:33.027 に答える