jQuery UI可排序连接列表仅溢出垂直

Question

有关完整代码，请参阅http://jsfiddle.net/rzsyhaj8/。

$( "#allfiles" ).sortable({
        connectWith: ".connected",
        forcePlaceholderSize: false,
        helper: function(e,li) {
            copyHelper= li.clone().insertAfter(li);
            return li.clone();
        },
        stop: function() {
            copyHelper && copyHelper.remove();
        }
    });
        $(".connected").sortable({
            receive: function(e,ui) {
                copyHelper= null;
            }
    });

将项目向右拖动会导致水平滚动。这是不希望的，因为用户应该将项目从左侧列表拖放到右侧列表中。 除了通过禁用所有滚动（溢出：隐藏）之外，我似乎无法摆脱这种行为。 启用滚动溢出y只会在拖动时导致不必要的水平滚动。

任何帮助表示赞赏。 非常感谢！

Answer 1

.appendTo()身体会做滚动魔法。但是，在您的情况下，您将不得不更改一些CSS来修复它。

$("#allfiles").sortable({
    appendTo: 'body'
    ......
});