javascript - jquery ui ddraggable：以像素为单位限制可拖动区域

Question

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

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

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

请帮忙

score 1 · Accepted Answer

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

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

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

1 回答 1