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