[jQuery]マウスホイール操作を取得できるプラグイン アップデート

だいぶ前にマウスホイール操作を取得できるプラグインという記事を書きました。

で、振り返ってプラグインを改めてダウンロードしたり、導入方法を確認しようと思ったらリンクきれとかあって、全然わからなかったので、アップデート記事として新規に1エントリー。

まず、jquery-mousewheelからjquery.mousewheel.jsをダウンロード。

そんでもって、マウスホイールの動きを知りたい要素の対して以下のようにメソッドをバインド。

$('#hoge').on('mousewheel',function(e){
  console.log(e.deltaX, e.deltaY, e.deltaFactor);
});

で、上下のスクロール判断は下のようにして判断

$('#hoge').on('mousewheel',function(e){
  //上へスクロール
  if(e.deltaY > 0){

  //下へスクロール
  }else{

  }
});

上のプログラムをベースにコピペすれば困らないぞと。