Как сделать содержимое jScrollPane перетаскиваемым

Question

Я использую jScrollPane для создания эффекта временной шкалы в горизонтальном прокручиваемом окне.

Используя jQuery UI, я применил «draggable» к контенту, что сделало его перетаскиваемым.

Два плагина полностью разделены, поэтому я сталкиваюсь с такими проблемами, как jScrollPane, не зная, где пользовательский интерфейс jQuery удалил перетаскиваемый элемент.

Есть ли способ создать эту функцию перетаскивания мышью в jScrollPane, а не в jQuery UI? У него есть полоса прокрутки, которая, конечно же, может быть использована для этой цели?

Answer 1

мне удалось обойти эту проблему, сделав JQuery UI «перетаскивать» пусть JScrollPane знать, когда панель содержания уронила:

// 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

Можете ли вы загрузить образец на http://jsfiddle.net с использованием всего HTML, CSS и JavaScript? Затем мы можем посмотреть, что можно сделать.