jQuery可排序列表-需要滚动才能到达的ConnectWith列表

时间:2018-07-12 11:05:38

标签: jquery css jquery-ui-sortable

我设置了一系列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本身-两者都存在相同的问题)。有人知道我怎么吃蛋糕吗?

0 个答案:

没有答案