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

Question

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

我想我知道如何使用iframe，但是有没有iframe可以做到这一点？

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

谢谢！

Answer 1

1. 在要滚动的div上添加鼠标滚轮侦听器
2. 在该侦听器中，使用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;
};