滾動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你想做的事情。