JQuery sortable在可见区域下方拖动项目时，窗口不会在firefox中滚动

Question

当使用jquery ui sortable小部件并在浏览器中的可见区域下方拖动项目时，窗口不会滚动，以便您可以将其放置在该区域下方可能有其他项目的区域中。对于Firefox，我还没有找到答案——我已经看到了Chrome的一个解决方案，在该解决方案中，您向可排序函数添加了一个helper属性，该属性可以执行以下操作：

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

...但是，这只能在Chrome解决同样的问题，而不是火狐。

Answer 1

试试这样的东西

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

你可以参考这个和这个问题来获得更多帮助。