javascript - jQuery UI可排序的已连接列表仅垂直溢出

有关完整代码，请参见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只会导致拖动时不必要的水平滚动。

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

最佳答案

.appendTo()身体会做滚动魔法。但是，根据您的情况，您将必须更改一些CSS才能对其进行修复。

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

关于javascript - jQuery UI可排序的已连接列表仅垂直溢出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29065607/