垂直滚动可排序，而不是水平滚动，没有静态位置

Question

考虑一个包含一长串项目的面板，您希望将其拖放到周围。如果列表是 jQuery 可排序的，则使其可垂直滚动会捕获其中的元素。

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

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

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

但这是不可取的，因为我希望对许多造型师来说是显而易见的几个原因。任何人都知道如何使用absolute 或relative 职位来完成这项工作？

Answer 1

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