使用鼠标事件水平滚动DIV

Question

我的布局如下：

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

我希望能够在内容DIV中进行mousedown并能够从左向右移动，或者换句话说滚动它：）

最好的方法是什么？

我更喜欢在JavaScript中使用它：）

Answer 1

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

如果您已经修复自己的滚动，那么基本过程是在父div上附加mousedown / mouseup事件以启动拖动内容，在mousemove上捕获处理程序以捕获运动事件，并调整父div适当地滚动偏移。

Answer 2

最好将css添加到div中

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

并编写您想要执行的JQuery或javascript。