javascript - 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'
    ......
});