我设置了一系列Unordered Lists with Sortable & ConnectWith,以便可以将LI从任何一个列表拖到其他任何列表。这很好。这些列表都添加了 containment 值,以匹配具有以下内容的DIV:
溢出-y:滚动;
由于可能有很多UL,我们需要向下滚动以查看不立即可见的UL。
但是,我可以用鼠标滚动目标DIV,但当我尝试从目标UL需要滚动才能访问的UL中拖动一个LI时,周围的DIV不会随着拖动而滚动。我可以看到包含性正在起作用,因为我无法将项目拖到DIV之外,但是我不想在拖动时启动滚动。
我将看看是否可以摆弄小提琴来重现我的问题-这只是一个相当大的项目的一小部分,因此必须挑选对我不起作用的部分。
编辑 Here是解决这个问题的小提琴。通过这样做,我找出了问题的原因。要使它按我期望的那样工作,您只需要删除overflow-y:在以下CSS类中:
.list-container {
border: 2px solid red;
float: left;
clear: right;
overflow: hidden;
overflow-y: scroll;
}
到
.list-container {
border: 2px solid red;
float: left;
clear: right;
overflow: hidden;
}
我现在的问题是,我确实确实希望容器上的y滚动(或UL本身-两者都存在相同的问题)。有人知道我怎么吃蛋糕吗?