javascript - 手风琴的可拖动 div

Question

我创建了一个弹出侧边栏。在那个侧边栏中，我有一个包含 div 的手风琴。这些 div 是可拖动的。用户可以拖动这些 div 并将它们定位在主页面上。

我遇到的问题是当 div 被拖动时，它们在手风琴之外是不可见的。这可以在这个视频中看到。

我可以看到这与将溢出设置为隐藏有关，但是当我删除它时，手风琴内容会在应该隐藏时显示。

overflow: hidden;

JSFiddle进一步展示了我的问题。

我怎么可能解决这个问题/有什么可能的方法来解决它。

Answer 1

尝试将此添加到您的CSS

.accordion-heading + div.accordion-body {
     position: static;
}

这是你想要的？更新小提琴http://jsfiddle.net/gNAFY/3/ 如果这解决了您的问题，似乎在 bootstrap.css 文件中的第 5245 行，“位置：相对”规则使您的 div 不会出现在手风琴之外。因此，您需要将位置“重置”为静态。要在 IE8 和更早版本中使用“el + el”css 选择器，请不要忘记 <!DOCTYPE>。