マウスホイールの動作を逆にする方法ありますか？

Question

jquery.mousewheel.js
というjqueryで横スクロールのサイトを作成させていただいているのですが、
その際にマウスホイールをすると、上ホイールをすると右に、下ホイールをすると左に動きます。
それを逆にすることは可能でしょうか？

下記のサイトのアコーディオンを開いたときのマウスホイールの動作が正しいのですが、どう調べればいいかどうコードを書けばいいか皆目見当もつかず、教えていただきたいです。よろしくお願いいたします。
http://ni.siois.in/works/

Comments

[perpouh]

該当のjQueryソースを添付してください。

Answer 1

In order to use the plugin, simply bind the mousewheel event to an element.

d-yoshさんが書かれている様に、マウスホールイベントを取得できるようにするためのプラグインですね。

jquery-mousewheel/test/scroll.html

        $('#emulated').bind('mousewheel', function(event) {
          event.preventDefault();
          var scrollTop = this.scrollTop;
          this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));

イベントに応じてスクロール処理を自前で書いてます

Answer 2

jquery.mousewheelはホイールイベントをクロスブラウザ対応させるためのプラグインではないでしょうか？
ですので、このプラグイン自体に横スクロールを実現する機能はないと思っています。

おそらく、ホイールイベントを取得して、横移動させる処理を自身で書いているはずですので、それを逆にすればいいだけだと思いますが。

Answer 3

jqueryのプラグインなのでソースを見るのが早いと思います。
それだけだと、何なので、ソースを見るヒントを。

• 当然ながらminじゃないきれいなほうのソースを見る
• 動きを反転させたいのだから、コードをエディタに読み込んだら、「+=」「-=」「++」「--」「* -1」あたりを強調表示して変数の動きを追いかける

ざっと見、そんなに長くないコードでした。
ソース

deltaX,deltaY変数がキモ？