JQuery可以在将项目拖到可见区域下方时进行排序，窗口不会在firefox中滚动

Question

当使用jquery ui可排序小部件并在浏览器中的可见区域下方拖动项目时，窗口不会滚动，因此您可以将其放在其他项目可能位于其下方的区域中。我无法为Firefox找到答案 - 我已经看到Chrome的解决方法，您可以在可执行以下功能的可排序函数中添加辅助属性：

helper: function (event, element) {
   return element.clone().appendTo('body');
}

...但同样，这只能解决Chrome中同样的问题，而不是Firefox。

Answer 1

尝试这样的事情

helper: function(){
    $('yourScrollableContainer').append('<div id="clone">' + $(this).html() + '</div>');
    $("#clone").hide();
    setTimeout(function(){
        $('#clone').appendTo('body');
        $("#clone").show();
    },1);
    return $("#clone");
}

您可以参考this和this问题获取更多帮助。