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这样的插件。