jQuery UI Draggable和Slider Axis X.

时间:2014-01-05 14:24:43

标签: jquery jquery-ui jquery-ui-draggable jquery-ui-slider

我的问题是:fiddle

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

我制作了简单的可拖动图像,但我想添加一个像http://jqueryui.com/slider/#side-scroll这样的滑块。

1 个答案:

答案 0 :(得分:0)

你不需要使用javascript,除非你想要一个自定义滚动条或能够用你的鼠标拖动(虽然触摸设备工作得很好)。只需将图像放入容器中并在其上设置overflow: auto即可轻松完成。

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

如果您希望使用鼠标拖动它,这不是最自然的事情,您不希望使用.draggable()。您可能希望查看像dragscroll这样的插件。