jqueryのオーバースクロール+ドラッグ可能な項目

Question

：

<div class="stories"> 
    <div class="story">       
     <div class=".."> 
      <img alt="" class=".."> 
     </div> 
     <div class="dragger"></div> 
    <div> 

    <div class="story"> 
     ... 
     <div class="dragger"></div> 
    </div> 
</div> 

「ドラッガー」は要素であるあなたは、このjqueryのコードをページの「物語」ブロックをドラッグすることができます：

$('.dragger').mousedown(function(e){ 
    $(this).parent().draggable({ 
     disabled: false, opacity: 0.5, zIndex: 2700, revert: true, 
     stop: function() { $(this).draggable({ disabled: true }) } 
}) 

この「ストーリー」要素をオーバースクロール領域に入れるまでは、非常に効果的です。私は「ドラッガー」である小さな領域のほかにどこでも「クリックアンドドラッグ」を管理するとスクロールしたいと思う。だから例えば。私が物語の上にマウスをかけたとき、私はスクロールしたい。私は「.dragger」パラメータで「cancelOn」パラメータを使用しようとしましたが、スクロールがブロックされていますが（理由はわかりません）「ストーリー」アイテムもドラッグできませんページ上にここで

は物語が置かれている 『上』 div要素である「.scheduled」「オーバースクロール」

$(".scheduled").overscroll({ 
    direction: 'horizontal', 
    wheelDirection: 'horizontal', 
    wheelDelta: 80, 
    cancelOn: ".dragger" 
}); 

のコードです。アイデアはありますか？

よろしく、 galsan

Answer 1

あなたがcancelOnを使用すると、イベントがバブルアップされないことがあり、それはドラッグ破壊することができます。ドラッグしたい要素がクリックされると、オーバースクロールを一時的に無効にしてください（removeOverscrollを使用）。ドラッグが終了すると、プラグインを再度有効にすることができます。