jQuery UI的可拖動滑塊和X軸

Question

有我的問題：fiddle

$("#timeline").draggable({ 
    axis: "x", 
    containment: [-2110, 0, 0, 0] 
}); 

我做了簡單的拖動圖像，但我想添加一個滑塊這樣http://jqueryui.com/slider/#side-scroll。

Answer 1

你不需要爲此使用javascript，除非你想要自定義滾動條或者能夠用鼠標拖動（儘管觸摸設備可以正常工作）。你可以簡單地把圖像放在一個容器中，只需設置overflow: auto即可。

http://jsfiddle.net/LMXLj/146/embedded/result/

如果你希望它是用拖動鼠標，這還不是最自然不過的事，你不希望使用.draggable()。你會想看看像dragscroll這樣的插件。