1

这就是我想要实现的目标。在我的页面顶部是一排图像。图像行比页面宽，所以下面应该有一个滚动条。我希望能够将图像从容器 div 拖到下面的 div 上。

我遇到的问题是，一旦初始图像位于带有滚动条的 div 中，我就无法再将其拖出该 div。当我尝试向下拖动图像时，div 只会获得一个垂直滚动条。

我该如何解决这个问题？

我目前的设置非常基本：

<div id="library">
  <div id="assets">
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
  </div>
</div>

并且 css 在库 div 上设置了一个宽度，使用 overflow-x: scroll。assets div 的宽度为 10000 像素，以允许所有图像适合。

可拖动对象应用于每个资产项。

当我尝试将资产项拖出库 div 时，它只会在高度上扩展并滚动。

4

1 回答 1

1

您可能无法使用帮助程序，因为正如您所见，拖动 withoverflow:scroll会导致 div 滚动：

$(".assetitem").draggable({helper:"clone"});​

注意：我尝试使用该appendTo选项，但我从来没有让它与溢出集一起使用。

于 2012-09-11T18:11:58.317 回答