jquery - jQuery 可拖动 div

Question

我想创建一个像 iOS Facebook 聊天功能一样的可拖动内容，所以如果你从右侧拖动内容少于 50%，它将向右拖动，如果从右侧拖动超过 50%，它将向左拖动。

我有这个：HTML：

  <div class="chat-head">
    <a class="bg"></a>
     <div class="message">
      <p>Content</p></div>
 </div>

jQuery：

  $(function() {
    $( "#draggable" ).draggable();
  });

我不知道如何创建自动对齐到左/右功能。

score 0 · Accepted Answer

将可拖动对象捕捉到 DOM 元素的内部或外部边界。使用 snap、snapMode（内部、外部、两者）和 snapTolerance（调用捕捉时可拖动对象与元素之间的距离，以像素为单位）选项。

1 回答 1