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() body 会做滚动魔法。但是，在您的情况下，您将不得不更改一些 CSS 来修复它。

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