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

Question

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

请建议如何实现这一点。

Answer 1

在我的情况下，我使用mCustomScrollbarwith jquery-sortable( https://johnny.github.io/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"
            });

我希望这有帮助 ：）