如何制作一个水平可拖动/可移动的div,但不能垂直移动? 如果没有JQuery UI,我更愿意这样做。 JQuery很好。或者香草JS。
答案 0 :(得分:10)
自己创建这样的行为会有相当多的工作。我建议使用jquery ui:
http://jsfiddle.net/basarat/f7nNf/1/
一行代码:
$( "#draggable" ).draggable({ axis: "x" });
而且你没有事件需要下载完整的jquery ui。您可以在此处执行仅可拖动的自定义构建:http://jqueryui.com/download/
在此处阅读有关可拖动的更多信息:http://jqueryui.com/draggable/#constrain-movement