8

このコードを使用すると、マウスホイールの動きをキャプチャして、垂直方向のデフォルトではなく水平方向のスクロール バーに適用することができました。

$('html').bind('mousewheel', function(event, delta) {
   window.parent.scrollBy(-120 * delta, 0);
   return false;
});

この jQuery イージング アニメーションをスクロールの動きに追加する方法はありますか?

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.extend( jQuery.easing, {
   easeInOutBack: function (x, t, b, c, d, s) {
        if (s == undefined) s = 1.70158; 
        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
   }
});

よろしくお願いします！

4

1 に答える 1

1

必要なのはscrollToプラグインだと思います。私は個人的には使用していませんが、法案に適合しているようです。基本的にはこのように呼べるはずです

$.scrollTo( -120*delta, {duration:1000,easing:'easeInOutBack',axis:'x'} )

ここでプラグインのデモを見つけてください。jqueryプラグインサイトは現在オフラインのようですが、バックアップすると、プラグインはここにあります。

于 2010-06-02T06:10:00.050 に答える