1

私は現在 CSS を使用して、マウスホイールを使用するだけでポップアップ ページを上下にスクロールしていますが、FireFox では動作しません。現在、overflow-x:hidden; を使用するだけで何らかの理由で Chrome で動作します。そしてoverflow-y:auto;。

jQuery Mousewheel Plugin jquery.mousewheel.min.js を使用して、横にスクロールバーを表示せずにページを上下にスクロールしようとしましたが、残念ながら動作しません。Firefox がマウスホイールだけでページを上下にスクロールできるようにするために他に必要なものはありますか? CSS、Javascript、または jQuery のいずれか?

HTML

<div class="test">
   <div class="inner">blah blah blah
   </div>
</div>

CSS

.test{
display:inline-block;
overflow-x:hidden;
overflow-y:auto;
margin:0 auto;
}

.inner{
float:left;
overflow-x:hidden;
overflow-y:auto;
}
4

2 に答える 2

1

プレーンな JavaScript でマウスホイール イベントを処理することについて話している場合、Firefox には別の名前があるとDOMMouseScroll思います。

if (document.addEventListener) {
    document.addEventListener("mousewheel", MouseWheelHandler, false);
    document.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
else {
    document.attachEvent("onmousewheel", MouseWheelHandler);
}   

function MouseWheelHandler(e) {

    var e = window.event || e;
    var delta = e.wheelDelta

    if (delta < 0) {
        // Do stuff when wheel is scrolled down
    } else {
        // Do stuff when wheel is scrolled up    
    }
}
于 2013-10-14T15:51:59.747 に答える
0

jQuery マウスホイール プラグインを使用してみましたが、投稿で JavaScript を提供していないとおっしゃいました。プログラムで (DOM イベント リスナーを使用して) 要素をスクロールしようとしていますか? その場合、Chrome は最近標準の「ホイール」イベント ( https://code.google.com/p/chromium/issues/detail?id=227454 ) のサポートを追加したばかりであるため、非標準の「マウスホイール」を使用する必要がある場合があることに注意してください。 ' イベント。

于 2013-10-14T15:03:43.583 に答える