Question

我在Scrollbar（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"
            });

我希望这会有所帮助：）

如果在mcustomscrollbar中拖动元素，则不会向下滚动

1 个答案: