2010-03-19 173 views
0

我有一個佈局如下:滾動DIV平鋪鼠標事件

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

我希望能夠在內容DIV來的mousedown,並能夠將其向左向右,或滾動它換句話說:)

這會是什麼最好的方式?

我寧願它在JavaScript主要:)

+0

不確定我完全理解...你想要點擊並拖動內容DIV左右,或者你想滾動它?你能詳細說明嗎? – Jared 2010-03-19 13:12:37

+0

希望能夠滾動它,更改父div的ScrollLeft值 – williamtroup 2010-03-19 13:49:45

回答

0

最簡單的辦法是使用MooTools的或jQuery的。兩者都有「拖動」接口來處理這類事情,並處理所有跨瀏覽器兼容性問題。

如果您正在修改自己的基本過程,那麼基本過程是在父div上附加mousedown/mouseup事件以啓動拖動操作,在mousemove上敲擊處理程序以捕獲運動事件,並調整父項div的滾動偏移適當。

0

更好的CSS添加到您的div

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

,寫JQuery的或JavaScript你想做的事情。