javascript - 如果在 mcustomscrollbar 内拖动，元素不会向下移动滚动条

Question

滚动条内的可拖动元素很少(mcustomscrollbar)。如果我尝试将此元素拖动到滚动条可见区域下方的可放置区域，则滚动条不会自动向下移动。

请建议如何实现这一目标。

Answer 1

在我的例子中，我使用 mCustomScrollbar 和 jquery-sortable ( https://johnny.github.io/jquery-sortable/ ) -我需要一种方法来移动滚动条内容，同时拖动可排序元素以获取隐藏在下方的内容。

我使用 jquery-sortable 的 onDrag 事件使用 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"
            });

希望对您有所帮助:)