2011-05-02 134 views
2

嘿傢伙, 我已經使用jqueryUI可拖動函數來實現拖動&拖放行爲。jquery UI可拖動:水平拖拽容器內溢出:scroll?

這次我想知道是否可以輕鬆實現水平滾動條的拖動行爲?

E.g.我有一個包含圖像和段落的div容器。該容器有溢出X滾動,所以出現一個滾動條,並讓我滾動水平通過容器的所有內容。

是否有可能實現拖動行爲,所以當我點擊圖像時,我可以在容器的邊界內水平拖動容器的整個內容。

聽起來很複雜我知道:)但我的計劃實際上是真的simpel。 看看這個例子:http://jsfiddle.net/TT9hq/2/

我只是想能夠拖動每個水平滾動條容器內的內容就像我會使用滾動條本身。

回答

2

您不會真的拖動內容,因爲內容保留在父容器(div)中的位置。你只需要設置容器div的滾動位置。

也許你可以看看http://plugins.jquery.com/project/ScrollTo並在mowsedown和mousemove上使用scrollTo。

+0

其實不是一個例子,而是一個很好的參考! +1 – 2011-05-02 13:20:26