使文本从左到右滚动，而不是从上到下。

Question

我目前有1行div没有滚动条，但是可以滚动。当我用鼠标滚动它时，它会从上到下滚动，但我想从左向右滚动。

我想我知道如何使用iframe做到这一点，但是否可以在没有iframe的情况下使用它？

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

谢谢！

Answer 1

1. 添加上要滚动
2. 在这种听众在div鼠标滚轮侦听器，使用e.preventDefault（）和e.stopPropagation（）阻止默认的滚动动作，
3. 添加或减div的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; 
};