スクロールバーをカスタマイズ出来るmootools依存のライブラリslideBoxを、マウスホイールでも動くよう適当に変更してみた。
デフォルトだと矢印のクリックでスクロールするんだけど、
基本的なスクロール量は表示エリアの高さ(class-wrapper)と同じだから、マウスホイールで微調整したくなる場合もある。
使い方はファイル落とせば分かると思うので省略。
オプションは次の通り
options: { className:'slide', // スライドするエリアのクラス名 prevArrow:'-previous', //前にスライドする矢印の接尾語 nextArrow:'-next', // 後にスライドする矢印の接尾語 removeArrows:true, //先頭と最後にスクロールしたとき矢印消すかどうか fadeArrows:false, // 矢印にフェードエフェクトつけるかどうか startOpacity:0.5, //フェードエフェクトがスタートした時の矢印の透明度 endOpacity:1, //フェードエフェクトが終わった時の矢印の透明度 mouseoverBox:true, //スライダー内にあるULとLI要素にクラスを追加するかどうか startClass:'normal', // マウスアウト時に追加するクラス名 endClass:'over', //マウスエンター時に追加するクラス名 speed:5, //スクロールスピード(10:fast 1:slow) transition:Fx.Transitions.Quart.easeOut //スクロールのトランジション効果 },
カスタマイズ部分のソースのみ掲載してます。