jScrollPaneのコンテンツをドラッグ可能にする方法

Question

jScrollPaneを使用して、水平スクロールウィンドウ内にタイムラインエフェクトを作成しています。

jQuery UIを使用して、私はコンテンツに「draggable」を適用し、ドラッグ可能にしました。

2つのプラグインは完全に別々ですが、jScrollPaneのような問題は、jQuery UIがドラッグ可能な要素をどこにドロップしたのかわからないことがあります。

このマウスドラッグ機能をjQuery UIではなくjScrollPane内に作成する方法はありますか？この目的のために何らかの方法で確実に再利用できるスクロールバーがありますか？

Answer 1

：

したがって

// Make timeline draggable 
jspPane.draggable({ 
    axis: 'x', 
    cursor: 'e-resize', 
    stop: function(event, ui) { 
     var offsetXPos = parseInt(ui.position.left); 
     api.scrollToX(Math.abs(offsetXPos), false); 
    }, 

    // Stop dragging at edges 
    drag: function(event, ui) { 

     var pos = ui.position.left; 

     if (pos < -timelineWidth + 900) { 
      jspPane.css('left', -timelineWidth + 900); 
      return false; 
     } 

     if (pos >= 0) { 
      jspPane.css('left', 0); 
      return false; 
     } 

    } 
}); 

、私はドラッグ可能のためのjQuery UIを使用し続けることができますコンテンツパネル。

jScrollPanelをこの機能をネイティブに提供することは、望ましいことです。

Answer 2

完全なHTML、CSS、JavaScriptが使用されているhttp://jsfiddle.netにサンプルをアップロードできますか？その後、何ができるかを見てみることができます。私は、コンテンツパネルが削除されたときにJScrollPaneに知らせる「ドラッグ」のjQuery UIを作ることによってこの問題を回避するために管理してきました