JQuery UI Draggable и Slider Ось 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.