Javascript 使用鼠标事件水平滚动DIV

我的布局如下：

<div style="width: 300">
    <div style="width: 300">Some Content</div>
</div

我希望能够在content DIV中向下移动鼠标，并能够将其从左向右移动，或者以其他方式滚动：

这样做的最佳方式是什么

---

我更喜欢用JavaScript编写：

最简单的方法是使用Mootools或jQuery。两者都有拖动界面来处理这类事情，并处理所有跨浏览器兼容性问题

---

如果您固定要自己滚动，那么基本的过程是在父div上附加mousedown/mouseup事件以启动拖动，在mousemove上使用处理程序捕捉运动事件，并根据需要调整父div的滚动偏移。

最好将css添加到您的div中

div id {
width:300px;
height:300px;
overflow:scroll;
}

---

并编写您想要的JQuery或javascript。

我不确定我是否完全理解。。。您希望能够左右单击并拖动content DIV，还是希望滚动它？您能详细说明一下吗？希望能够滚动它，更改父div的ScrollLeft值吗