Question

能否在 with忙的Sortable时找到 cur子?

我有一个可滚动的支流体,有准确的间隔。当用户把一个靠近滚动干线的元素拖到顶端,或者如果接近顶端,那么我就将再把80皮克。

$(allIds).sortable({
    connectWith: ".allLists",
    zIndex: 2,
    cursorAt: function(e) {
        if(e.top < 80) {
            myScrollFunction( up );
        }
        if(e.top > 500) {
            myScrollFunction( down );
        }
    }
}).disableSelection();

以上法典希望能给你一个我想要实现的想法。我想要达到什么目标,是否会与已建的无理发展功能发生冲突?

<>光线> 我认为治疗器是错误的选择。我需要一种行动选择,来增加一项职能。或类似......

$(allIds).sortable({
    connectWith: ".allLists",
    zIndex: 2
}, function(e) {
    if(e.position().top < 80) {
        myScrollFunction( up );
    }
    if(e.position().top > 500) {
        myScrollFunction( down );
    }
}).disableSelection();

但是,如果做这项工作,则大概只能发射<>>><>>>> > <> > > > > 可分类的活动是无用的。

Answer 1

为了回答我自己的问题,我是如何这样做的。

创立一个运动会,就可移动的散射区与可区分的职能分开举办

In the sortable function I used start: and stop: to toggle true or false of a global var

然后,每当摩擦地段内移动时,就会检查是否确实发生拖拉,从而引发我的动).功能。

var dragging = false;

var dragScroll = function() {
    $("#scrollableDiv").mousemove(function(e) {
        if(dragging) {
            if((e.pageY-$(this).offset().top)<80) {
                myScrollFunction( up );
            }
            if((e.pageY-$(this).offset().top)>500) {
                myScrollFunction( down );
            }
        }
    });
};

$(allIds).sortable({
    start: function() { dragging = true; },
    stop: function() { dragging = false; },
    connectWith: ".allLists",
    zIndex: 2
}).disableSelection();

This fixes my issue however, now after the div scrolls, I can t drop the item in the other lists that come into view. Anyway I ll check that out as a separate issue.

友情链接