javascript - 如何更改 jQuery UI Draggable 中发生快照的距离

Question

我有一个 100% 的页面高度面板，我将其从页面左侧拖到右侧。我已经应用了它的捕捉选项，它可以很好地捕捉到页面的左侧/右侧。现在我需要增加它发生的距离。比如说，我将面板从左到右移动到页面宽度的 80%，在这种情况下，我希望它贴在页面的右侧。是否可以自定义此行为？

这是页面的外观

Answer 1

您是否尝试过该选项snapTolerance？

$( ".selector" ).draggable({ snapTolerance: 200 });

要获得 20% 的窗口宽度，请使用以下命令：

$(document).width() * 0.2