2

より大きなネストされた div を持つ div があります。overflow-x が auto に設定されているため、このようなスクロールのみが表示されます。ユーザーがdiv内で（マウスホイールで）スクロールすると、スクロールバーが水平にスクロールするようにしたいと思います。

<div id="outer" style="width:1000px;overflow-x:auto">
      <div id="inner" style="width:2000px"></div>
</div>

これにはどのような種類の JavaScript が必要ですか。スクロールバーは自動的に表示され、javascript が左右の位置を変更するソリューションを探していないことに注意してください。

4

1 に答える 1

6

scrollLeft の変更があなたに合わないのはなぜですか?

document.getElementById('outer').addEventListener('mousewheel', function(e) {
  this.scrollLeft -= (e.wheelDelta);
  e.preventDefault();
}, false);
于 2012-10-16T14:23:40.030 に答える