在没有静态位置的情况下垂直滚动，而不是水平滚动

Question

考虑一个包含长项目列表的面板，您想要拖放它们。如果列表是jQuery可排序的，则使其可以垂直滚动捕获内部元素。

this jfiddle显示了问题。我只想设置：

.scroll{
    overflow-y:scroll;
    overflow-x:visible;
}

显然，使用CSS从未如此简单。溢出受到神奇方式的位置影响。我可以使其工作的唯一方法是将.scroll位置设置为static（请参阅how nice）。

这是不可取的，因为有几个原因，我希望对许多风格者来说是显而易见的。有人知道如何使用absolute或relative位置开展此工作吗？

Answer 1

您要做的是添加containment:true选项并将其设置为可排序的容器。这样，它就不会超越左右边距。