jQuery UI 可拖动:按像素限制可拖动区域

jquery ui ddraggable : limit dragable area by pixels

本文关键字：拖动 区域 像素 UI jQuery      更新时间：2023-09-26

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

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

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

请帮忙

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

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

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

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

相关文章：