Question

我在webapp中使用自定义滚动条，但我遇到以下问题：

http://jsfiddle.net/PVZB8/3056

正如您所看到的，当您将项目拖出列表时，它是不可见的。我需要让它可见并成为原始项目，因为我有动画触发器绑定它。

如果你检查一下，你可以更多地了解我想要做的事情： jQuery sortable with overflow: hidden; between two lists

Answer 1

http://jsfiddle.net/PVZB8/3089/

这与最后一个修复方法大致相同，所以我会尝试将其分解并解释一下ya：

appendTo选项设置为“BODY”，这样它就不在列表维度的范围内，并且当它被拖到它们之外时会被隐藏。

因为拖动时拖拽附加到身体上，所以它不再是UL样式的一部分。这就是我将额外的类添加到LI s

的原因

Answer 2

我知道这张票有点过时了，但是在使用我的自定义滚动条解决方案时尝试在Sortable＆之间拖动并且隐藏了溢出，我遇到了同样的问题。在添加代码以修复Sortable以使用我的Scrollpane之后，我注意到了对appendTo功能的疏忽。

appendTo 的代码只有在DOM中不存在帮助程序时才会将帮助程序附加到目标。这就是克隆选项适用于某些人的原因（但并非所有人都能参与其中）。修复它的关键是将此代码添加到窗口小部件的 _mouseStart 函数的末尾：

if (!this.helper.parent().is(this.appendTo)) {
    this.helper.detach().appendTo(this.appendTo);
    // update position
    this.offset.parent = this._getParentOffset();
}

请注意 this.appendTo 早先在函数中设置：

this.appendTo = $( o.appendTo !== "parent" ?
        o.appendTo :
        this.currentItem.parent() );

完整的修复，包括其他流程修复，可在此处提供的jQuery-UI-ScrollPane的scrollsortable JS文件中找到：https://github.com/borgboyone/jQuery-UI-ScrollPane。（注意：此修复已通过pull-request提供给jQuery-UI项目。）

干杯！

jQuery可排序和自定义滚动条

2 个答案: