由于 css 的溢出属性，jquery 拖放无法正常工作

Question

我从 Jquery Drag and Drop 下载了 jquery 插件

代码工作正常..但在我的设计中，我有一个特定区域用于可拖动元素，所以我使用以下 css 设置该区域:-

.overflow_test {
           width:500px;
          float:left;
          overflow:auto;
          height:200px;
}

现在元素可以在固定区域内滚动。但是，当我从元素部分拖动一个元素时，它无法正常工作意味着功能正常但该元素没有显示..

这是我的演示 demo

Answer 1

这是因为当使用拖放时，可拖动的元素停留在同一个 DOM 位置(即在同一个 div 内)，只是它的位置发生了变化。即使您删除了 overflow:auto 设置，从技术上讲，拖动的元素仍将保留在原始 DIV 中。

您可以做的一些事情:如果您不需要水平滚动条，那么您只能根据需要将 overflow-y 设置为 auto 并将 overflow-x 设置为调整大小或隐藏来启用垂直滚动条。

如果你需要两个滚动条，可以考虑在成功放置后将相应的可拖动项附加到可放置项，将其从原始 DIV 中移除。