javascript - jquery ui ddraggable : limit dragable area by pixels

Question

我有一个图像，我希望允许用户仅在 Y 轴上拖动图像，并且我必须限制拖动像素，这意味着用户只能在 Y 轴上拖动 200 个像素(向上和向下)

  <script>
  $(function() {
    $( "#img" ).draggable({ axis: "y" });
  });
  </script>

我只能限制 Y 轴上的拖动，但我没有看到限制像素拖动的选项。

请帮忙

Answer 1

还有“包含”选项，您可以在其中指定带有坐标的边界框(以及其他选项)。

$( "#img" ).draggable({ containment: [x1, y1, x2, y2] });

http://api.jqueryui.com/draggable/#option-containment

这是一个 JSFiddle，我将图像在 y 轴上的移动限制在 0-200 像素之间。 http://jsfiddle.net/m3e6V/