javascript - ドラッグ可能/移動可能水平に

Question

垂直方向ではなく水平方向にドラッグ/移動可能な div を作成するにはどうすればよいですか? これが JQuery UI なしで実行できればと思います。JQueryは問題ありません。またはバニラJS。

Answer 1

このような動作を自分で作成するのはかなりの作業です。jquery ui の使用をお勧めします:

http://jsfiddle.net/basarat/f7nNf/1/

その1行のコード：

$( "#draggable" ).draggable({ axis: "x" });

また、完全な jquery ui をダウンロードする必要はありません。ここでドラッグ可能のみでカスタムビルドを行うことができます: http://jqueryui.com/download/

ドラッグ可能について詳しくは、 http ://jqueryui.com/draggable/#constrain-movement をご覧ください。