divをテキストのスクロールを左から右へ、上から下へとスクロールさせます。

Question

私は現在、スクロールバーを持たない1行のdivを持っていますが、スクロール可能です。マウスホイールでスクロールすると、上から下にスクロールしますが、左から右にスクロールします。

私はiframeでそれを行う方法を知っていると思いますが、iframeなしで行うことは可能ですか？

Jsfiddle：http://jsfiddle.net/zfJJX/2/

ありがとう！

Answer 1

1. e.preventDefaultを（使用して、デフォルトのスクロールアクションを防ぐため、あなたはそのリスナーに
2. をスクロールしたいdivの上でマウスホイールリスナーを追加します）とe.stopPropagation（）
3. 追加またはから差し引きますスクロールアップかスクロールダウンかによってdivs scrollLeftプロパティが使用されます。

いくつかのテストされていないサンプルコード：

$("mydiv").onmousewheel = function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 

    var delta = 0; 
    // normalize the delta 
    if (event.wheelDelta) { 
        // IE 
        delta = event.wheelDelta/60; 
    } else if (event.detail) { 
        // ff and chrome 
        delta = -event.detail/2; 
    } 
    e.target.scrollLeft += delta; 
};