Question

我有一个图像，我想让用户只在Y轴上拖动图像，我必须限制拖动像素，这意味着用户只能在Y轴上拖动200个像素（上下两个）

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

我可以仅限制Y轴的拖动，但我没有看到限制拖动的选项。

请帮助

Answer 1

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

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

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