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;
            }
    });

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

感谢任何帮助。 非常感谢！

Answer 1

.appendTo() body 会施展卷轴魔法。但是，在您的情况下，您将不得不更改一些 CSS 来修复它。

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