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();
  });

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

Answer 1

将draggable捕捉到DOM元素的内部或外部边界。使用snap，snapMode（inner，outer，both）和snapTolerance（调用snapping时，draggable必须来自元素的距离）。