可嵌套的两列高度问题

Question

我已经为两列实施了Nestable，拖放

http://dbushell.github.io/Nestable/

现在的问题是，如果一列是高的长度而第二列是小的，那么拖动n drop我通过从第一列中选​​择任何元素然后在最后一个元素下面的第二列精确地滚动，

那么有什么解决方案吗？

可以在此处查看演示 http://dbushell.github.io/Nestable/

这里我试图在右侧列的末尾放置元素但是这将不起作用，直到你把它精确地放在右列的最后一个元素下

Answer 1

我看了一下插件源代码，想出了如何解决这个问题， 首先在列表底部添加一些填充

div.dd {
   padding-bottom: 200px;
}

插件源代码中的

改变了这个：

if (this.pointEl.hasClass(opt.handleClass)) {
    this.pointEl = this.pointEl.parent(opt.itemNodeName);
}

到

   if (this.pointEl.hasClass(opt.handleClass)) {
       this.pointEl = this.pointEl.parent(opt.itemNodeName);
  }else {
      var list = this.pointEl.find('> .'+ opt.listClass);
      if(list.length) this.pointEl = list.find('.'+ opt.itemClass +':last');
  }