javascript - mcustomscrollbar 内で要素をドラッグしてもスクロールが下に移動しない

Question

スクロールバー ( ) 内にドラッグ可能な要素がほとんどありませんmcustomscrollbar。この要素をスクローラーの表示領域の下にあるドロップ可能領域にドラッグしようとすると、スクロールは自動的に下に移動しません。

これを達成する方法を提案してください。

Answer 1

私の場合、 （https://johnny.github.io/jquery-sortable/mCustomScrollbar ）を使用します-ソート可能な要素をドラッグしてコンテンツの下にある非表示に移動しながら、スクローラーのコンテンツを移動する方法が必要でした。jquery-sortable

onDragjquery-sortableのイベントを使用して、mCustomScrollbar scrollToメソッドを使用してスクローラーを移動しました。

        onDrag: function ($item, position) {
            // original functionality - better be safe
            $item.css(position);

            var sign = '-';
            if ($this._prevDragPositionY > position.top) {
                sign = '+'; //console.log('scrolling up');
            } else { //console.log('scrolling down'); }
            $this._prevDragPositionY = position.top;

            $('.jsScroll').mCustomScrollbar("scrollTo", sign + "=75", {
                scrollInertia: 300,
                scrollEasing: "linear"
            });

これが役立つことを願っています:)