横のスクロールで横のリストが表示される

Question

マウスホイールで横スクロールしようとしていますが、動作していないようです。ここで

は私Fiddle

私のメインクラス.selectorは、これは私がこれは私が一例である

$('.selector').mousewheel(function(e, delta) { 
    this.scrollLeft -= (delta * 40); 
    e.preventDefault(); 
}); 

でスクロールを初期化しようとしていますJSでスクロール可能なoverflow

を有するものであるです水平スクロールを使用するhttps://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

あらかじめありがとうございましたp！

EDIT：おかげで、すべて、私は申し訳ありませんが、ええフィドルにjQueryのを忘れてしまったが、私は、ローカルホスト上でテストしていたとき、私はので、多分それはそうだったのjQuery 1.11.1を使用していました。

Answer 1

あなたは自分のhtml

http://jsfiddle.net/902tjbzz/

jquery.jsにはJQueryを追加するのを忘れ：http://code.jquery.com/jquery-2.1.4.min.js

Answer 2

乾杯の連中はthisをお試しください：

$('.selector').mousewheel(function(e, delta) { 
    $(this).scrollLeft(this.scrollLeft + (-delta * 40)); 
    e.preventDefault(); 
}); 

はまた、あなたのフィドルでのjQueryを含んでいませんでした。

EDIT

実際には、唯一の問題は、あなたがjQueryのが含まれていなかったということでした、あなたの最初のコードは正常に動作します。

Answer 3

まず最初：ヨールにあなたはjqueryのを含めることを忘れjsfiddle。

2番目のこと：$('.selector').mousewheel(function(e, delta) {を$('.selector').on("mousewheel", function(e, delta) {に変更したところ、そのイベントが発生したことがわかりました。

また、scrollLeftプロパティの更新ロジックも確認してください。方向（左、右）を忘れないでください。場合によっては値を減算する必要があります。