在可拖动的jquery-ui中限制平滑拖动

Question

我在主div中相对于y轴拖动一个div。

$("#childdiv").draggable({axis:'y'});

在y轴上平滑拖动。但我想要一个混蛋的拖累..

例如：当我开始拖动时......可拖动组件直接移动到50px，如果我再次拖动下一跳将是100px，下一次拖动将直接跳转到150px。 应该像占位符一样使用可拖动的进行类比。

Answer 1

您可以使用the grid option来获取此信息：

  

将拖动助手捕捉到网格，每个x和y像素。该   数组必须是[x，y]形式。

例如

$("#childdiv").draggable({
    axis:'y',
    grid: [0, 50]
});

以下是一个示例小提琴：https://jsfiddle.net/g1epL4ea/