0

私は brandon aarons マウスホイール プラグインを使用しており、webkit ブラウザーで作業していますが、Firefox では動作しません。

これは、webkit で優れているブランドン アーロンの元のコードでした。

$('body').on('mousewheel', function(event, delta){
  this.scrollLeft -= (delta*30);
  event.preventDefault();
});

だから私はFirefoxで動作するはずのhttp://cobbweb.me/blog/2012/03/30/jquery-mousewheel-plugin-version-2/に切り替え、 これであるコードを試しました

$('body').on('mousewheel', function(event, delta, deltaX, deltaY){

  event.preventDefault();
});

そこに scrollLeft を配置しようとしましたが、deltaY を置き換え、DOMMouseScroll または MozMousePixelScroll を使用しましたが、まだ役に立ちませんでした。私のページがFirefoxで水平にスクロールするように、これをマウスホイールにバインドするにはどうすればよいですか?

ありがとう！

4

3 に答える 3

0

これは、DOMイベントを自分で処理することで修正できます（プラグインの有無にかかわらず）。

そのようです：

$('body').on('mousewheel DOMMouseScroll MozMousePixelScroll', function(event, delta, deltaX, deltaY){
    event.preventDefault();
});

ここで実際の動作を確認できます（ChromeとFirefoxでテスト済み）。

ただし、 Firefox（jQueryまたは基本的なJavaScriptのいずれか）では機能scrollLeftしscrollTopないようです。このフィドルを参照してください（「5」を出力する必要があります。Chromeでは出力しますが、Firefoxでは「0」を出力します）。

于 2012-09-18T00:25:26.643 に答える