Question

这就是我想要实现的目标：

在我的页面顶部是一排图像。图像行比页面宽，因此下面应该有一个滚动条。

我希望能够将图像从容器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。资产div的宽度为10000px，以允许所有图像适合。

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

当我尝试将资产项目拖出库div时，它只会在高度上展开并滚动。救命啊！

Answer 1

您可能会因使用帮助器而陷入困境，因为您已经看到拖动overflow:scroll会导致div滚动：

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

注意：我尝试使用appendTo选项，但我从未使用溢出设置。

如何使用滚动条将jQuery可拖动项目拖出div？

1 个答案: