1

jScrollPaneを使用して、水平スクロールウィンドウ内に「タイムライン」効果を作成しています。

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

ただし、2つのプラグインは完全に分離しているため、jQueryUIがドラッグ可能な要素をどこにドロップしたかがjScrollPaneにわからないなどの問題が発生しています。

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

4

2 に答える 2

0

完全なHTML、CSS、JavaScriptを使用したサンプルをhttp://jsfiddle.netにアップロードできますか？次に、何ができるかを確認します。

于 2012-01-17T08:16:21.543 に答える
0

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

    }
});

したがって、ドラッグ可能なコンテンツパネルには引き続きjQueryUIを使用できます。

ただし、jScrollPanelにこの機能をネイティブに提供させることをお勧めします。

于 2012-01-23T10:02:17.893 に答える